Translate

FIND / GLATI KENE KIH

29 Sep 2012

Cara Membuat Related Posts Di Bawah Posting

Cara Membuat Related Posts Di Bawah Posting
Assalamualaikum, siang hari ini saya ingin share tentang Cara Membuat Related Posts Di Bawah Posting .
Related posts ini sangat penting keberadaannya pada suatu blog ,selain bisa menunjang SEO index , related posts juga berfungsi untuk memudahkan pengunjung untuk mengakses artikel kita yang berkaitan dengan artikel yang sedang di baca oleh pengunjung.

Fungsi dari related posts adalah menampilkan artikel yang berkaitan yang ada dalam blog kita. misalnya artikel berlabel blogger maka akan muncul menu dibawah postingan kita yang menyajikan artikel-artikel yang berlabel blogger.
Dibawah ini tampilan dari related posts nya :

langsung saja pada intinya Cara Membuat Related Posts Di Bawah Posting.
1.Log in ke blogger dengan akun yang anda miliki.
2.Klik rancangan.
3.Edit Html » Centag kotak Expand template widget.
4.Cari kode </head> letakkan kode dibawah ini sebelum kode </head> yang anda temukan.


<style> #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 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://yudatfort.googlecode.com/files/related%20posts%20b-digg.js' type='text/javascript'/>
5.Sekarang cari kode <data:post.body/> jika ada dua pilih yang kedua dan letakkan kode di bawah ini dibawah kode<data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </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>
6.Save template sobat dan lihat hasilnya.

Sekian tutorial tentang Cara Membuat Related Posts Di Bawah Posting semoga bisa bermanfaat bagi kita semua. Jangan lupa untuk meninggalkan komentarya agar saya tahu apa yang kurang dari blog saya...!
Terima kasih

Tidak ada komentar:

Poskan Komentar

Ada Komentar....???