Kalo sebelumnya Mr-Top pernah berikan tentang related post yang dahulu yang kali ini berbada, perbedaannya adalah yang terbaru ini menggunakan Thumbnails atau icon gambar. Seperti contoh berikut :
Gimana kerenkan? Sobat ingin tau gimana caranya? Langsung aja kita ke TKP...
1. Login keblogger sobat masing - masing.
2. Masuk menu Dashboard --> Layout --> Edit HTML dan klik Expand Widget Template
3. Selanjutnya Sobat cari element berikut </head> dan kopi kode ini tepat diatasnya.
4. Sekarang cari kode ini <div class='post-footer-line post-footer-line-1'> atau yang ini <p class='post-footer-line post-footer-line-1'>.
5. Setelah ketemu kopi kode berikut tepat dibawahnya
<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs& amp;amp;max-results=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> </b:if>
6. Untuk yang bewarna biru bisa dirubah sesuai keinginan.
7. Selesai deh.. Jangan lupa untuk disimpan.. Dan lihat hasilnya.
1. Login keblogger sobat masing - masing.
2. Masuk menu Dashboard --> Layout --> Edit HTML dan klik Expand Widget Template
3. Selanjutnya Sobat cari element berikut </head> dan kopi kode ini tepat diatasnya.
4. Sekarang cari kode ini <div class='post-footer-line post-footer-line-1'> atau yang ini <p class='post-footer-line post-footer-line-1'>.
5. Setelah ketemu kopi kode berikut tepat dibawahnya
<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs& amp;amp;max-results=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> </b:if>
6. Untuk yang bewarna biru bisa dirubah sesuai keinginan.
7. Selesai deh.. Jangan lupa untuk disimpan.. Dan lihat hasilnya.
Post a Comment