Cara Membuat Artikel Terkait Tanpa Gambar di Blog

Cara Membuat Artikel Terkait Tanpa Gambar di Blog - Hai sobat Suka Suka Seo, maaf gambar di sebelah agak kabur akibat kesalahan fatal sewaktu sedang edit gambar pakai adobe photoshop. Baik saat ini saya akan memberikan kepada kalian sebuah tutorial yang paling diminati oleh kebanyakan blogger di indonesia, yaitu sebuah Artikel terkait atau disebut juga sebagai related pos. Artikel terkait atau related pos adalah sebuah widget atau juga tools untuk mengajak kepada pengunjung untuk membaca postingan yang bertema atau berlabel yang sama. Contohnya seperti berlabel Seo, Game atau Komputer. Widget ini akan memilih postingan yang paling banyak dibaca oleh pengunjung, jadinya widget ini hampir sama fungsinya seperti popular post, hanya saja tampilan dan letaknya yang berbeda. Pada saat ini hanya saja saya akan menyajikan cara membuat artikel terkait tanpa gambar. Untuk yang dengan menggunakan gambar, akan saya bahas pada saat jika saya ada waktu luang yang cukup. Untuk membuatnya perhatikan tutorial di bawah ini dengan baik dan seksama agar tidak salah dan dapat berfungsi dengan baik.

• 1. Copy Kode Ini dan Letakan di atas ]]></b:skin>

/* Related Post Cepat
--------------------------------- */
#related-postsku{float:left;width:100%;margin-top:5px;margin-left:0px;font-size:13px;font-family:Arial,serif;margin-bottom:0px;}
#related-postsku a{text-decoration:none;}
#related-postsku a:hover{text-decoration:none;}
#related-postsku ul{border:medium none;margin:10px 0px 10px 0px;padding:0;}
#related-postsku ul li{display:block;background:url("https://lh3.googleusercontent.com/-6iznc81V_pQ/UcmgB6yKU3I/AAAAAAAABWc/NhxmD6789YU/s25/rss.png") no-repeat 0 0;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:30px;margin-bottom:5px;line-height:2em;border-bottom:1px dotted #cccccc;}

• 2. Copy code ini dan letakan di atas </head>

<!-- Artikel Terkait Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;}
function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ul>');}//]]>
</script>
</b:if>
<!-- Artikel Terkait End-->

• 3.  Copy Kode Ini dan letakan di bawah <data:post.body/> yang kedua

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-postsku'>
<font style='font-size:19px;color:#CC333B;font-family:Arial;'><b>Artikel Terkait: </b>
</font><font color='#fff'><b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if></b:loop></font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>

Tulisan yang bewarna Merah adalah Besar Huruf
Tulisan yang bewarna Hijau adalah Warna Huruf
Tulisan yang bewarna Kuning adalah Judul

• 4. Lihat Hasilnya, apabila ada kesalahan atau error bisa comment di bawah

Demikian postingan  Cara Membuat Artikel Terkait Tanpa Gambar di Blog. Apabila anda senang dan menyukai postingan ini dan blog Suka Suka Seo, Saya harap anda akan Join This Site, ikuti Google+ saya dan Like fanspage facebook Suka Suka Seo