Related Post Widget

Related Post dalam dunia blogger berarti posting artikel yang memiliki hubungan atau saling terkait yang dipilih dari kesamaan label, kategori, ataupun tag yang telah ditentukan pada saat mempublikasikan/posting sebuah artikel dari blog yang dibuat. Dengan hack / kode ini pembaca akan dapat melihat judul-judul artikel lainnya yang tersimpan diblog yang saling berhubungan dari kesamaan label, kategori, tag, dari judul artikel tersebut, yang biasanya terletak pada akhir sebuah artikel.


Seperti pada gambar berikut

Manfaat dari fasilitas/widget ini pembaca akan semakin jauh dan berlama-lama membaca isi dari blog yang kita buat, dan tentu saja blog akan semakin baik dalam hal waktu yang diberikan pembaca selama membaca isi dari blog yang kita buat.
Untuk menambahkan widget ini pada blog anda silahkan ikuti langkah-langkah berikut ini :
1. Login pada blog anda
2. Masuk ke Tata Letak / Layout - Edit HTML
3. Klik Pada pilihan "Expand Template Widget"
4. Cari Tag </ head> pada template blog anda
5. Copy dan Paste-kan kode berikut ini persis sebelum </ head>

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhupF0x6i4omepjLVO8ej0X5hUBCDq0_avaCLazG-UQoHpXOlFqLTabDZDouBSeOME0V1lQjL0bJdSNAMJBP6TJC_6lvHxOcukbXHrLYSXeyUEomCaXupJrZzyG_zSE-fF8GbiqCpjEfs8/") 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://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

6. Sekarang cari kode <data:post.body/> Dalam beberapa template kode ini mungkin terlihat seperti ini <div class='post-body>
7. Copy dan Paste-kan kode berikut ini persis di bawah kode tadi (kode pada langkah 6)

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><font color='#FF6600' face='Arial' size='2'><b>Related Posts : </b></font><font color='#FF6600'><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>

8. Simpan Template dan silahkan anda lihat pada setiap akhir posting yang anda buat, lihat diakhir posting ini.

Keterangan :
Untuk mengubah jumlah posting yang terkait muncul pada label yang sama, anda dapat mengubah angka "5" pada kode max-results=5 (kode langkah 7 diatas) dengan angka yang anda inginkan.

• Share this on del.icio.us
• Digg this!
• Stumble upon something good? Share it on StumbleUpon
• Share this on Reddit
• Add this to Google Bookmarks
• Tweet This!
• Share this on Facebook
• Share this on Mixx
• Subscribe
• Buzz up!
• Share this on Linkedin
• Submit this to DesignFloat
• Share this on Technorati
• Submit this to Script & Style
• Post this to MySpace
• Share this on Blinklist
• Share this on FriendFeed
• Seed this on Newsvine

Widget by Css Reflex | TutZone | Desta