Membuat Artikel Terkait

Membuat Artikel Terkait

uhhhff... udah tanya kesana kemari sama mbah google tetep gag ketemu - ketemu, cara membuat artikel terkait. akhirnya dengan penuh kesabaran dan penuh tekat yang kuat akhirnya saya menemukan sebuah artikel yang sangat menarik. saya lupa apa itu nama blognya, saya mau berterima kasih saya yang nulis itu blog, karena berkat dia saya sudah tidak pusing2 lagi cari "artitel kerkait"

Nah Sekarang saya mau berbagi ILMU nie, bagaimana cara membuat artikel terkait... oke langsung saja ke TKP.

Langkah 1
Login ke Blogger -  Pilih "Tata Letak - Edit HTML"
Langkah 2
Backup Template Blog untuk mengantisipasi kegagalan modifikasi template
Langkah 3
Jangan lupa check "Expand widget template" (kebanyakan pada lupa sie)
Langkah 4

Siapkan sendok dan piring (wew)

Langkah 5

Carilah kata ]]></b:skin> Setelah Ketemu diapain???

Copykan code dibawah ini tepat diatas kode diatas

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://dedehendriono.googlepages.com/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

Langkah 6
Carilah code </head> dan copykan kode dibawah ini diatas kode tersebut

<script src='http://javascriptku.googlecode.com/files/artikelterkait.js' type='text/javascript'/>

Langkah 7
cari kode ini <data:post.body/> setelah ketemu copykan kode dibawah ini tepat di bawahnya

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Artikel Terkait : </b></font>
<font color='#FFFFFF'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<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>

Langkah terakhir Simpan dan Lihat BLog anda...
Semoga bermanfaat!!!