Utak Atik Template Bag.2 (Related Post Dibawah Postingan)

Seperti sebelumnya, setiap habis ngutak-atik template sebisa mungkin harus dibagi.
Kali ini tentang Related Post Dibawah Postingan seperti linkwithin gitu. Bedanya kali ini kita menambahkan sendiri script kodenya ke HTML blog.

Ne caranya:

1. Buka Design/Rancangan
2. Edit HTML
   Srigala Senja ingetin lagi. centang Expand Template Widget N' Download Template lengkap sobat buat jaga2!!
   
3. Cari kode </head>
   Biar Mudah klik F3 trus search z dari situ.
   
4. Co-Pas kode berikut tepat diatas kode #4 tadi
   
   <!--Related Posts with thumbnails Start--><br /> <!-- remove --><b:if cond='data:blog.pageType == "item"'><br /> <style type='text/css'> #related-posts { float:center; height:100%; min-height:100%; padding-top:10px; padding-left:15px; padding-right:15px; } #related-posts h2{ font-size: 1.3em; color: black; font-family: Arial; margin-bottom: 0.75em; } #related-posts a{ color:black; } #related-posts a:hover { background-color:#eeeeee; } </style><br /> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf_uGqJ1nx_WX67oqeFyhWDRO8Ufp48KoTdNmbMvpbVKdnUgkYm5Oku1U9pJ08f-c3AKzM2HqPDgwBp6idpI-GUQ3o3ZBnf6iKR8Ct1mb2O0rgBkyf2LFWdgDdJIKDyox0EH2R6UY-YSJ2/s1600/Header15.gif"; var maxresults=5; var splittercolor="#1f1f1f"; var relatedpoststitle="You might also like:"; </script><br /> <script src='http://hbhost.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails End-->;
5. Cari lagi kode <div class="post-footer-line post-footer-line-1"> atau post-footer-line
   
   
6. Co-Pas lagi kode berikut dibawah kode #5
   
   <!-- Related Posts with Thumbnails Code Start--><br /> <!-- remove --><b:if cond='data:blog.pageType == "item"'><br /> <div id='related-posts'><b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast != "true"'><br /> </b:if><br /> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script><br /> </div><div style='clear:both'/><!-- remove --></b:if><br /> <!-- Related Posts with Thumbnails Code End-->
7. Sip. Tinggal Save Template dan taraaaaa....... Lihat Postingan sobat!!!

Catatan*: untuk bagian #4 adalah model dari saya, jika ingin bentuk yang lain bisa sobat edit atau rubah sendiri beberapa bagian berikut:
1.jika postingan blog sobat tidak disertai gambar dan ingin menggunakan gambar sesuai keinginan sobat, cari https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf_uGqJ1nx_WX67oqeFyhWDRO8Ufp48KoTdNmbMvpbVKdnUgkYm5Oku1U9pJ08f-c3AKzM2HqPDgwBp6idpI-GUQ3o3ZBnf6iKR8Ct1mb2O0rgBkyf2LFWdgDdJIKDyox0EH2R6UY-YSJ2/s1600/Header15.gif dan ganti dengan URL gambar yang sobat inginkan!
2.Sobat bisa menentukan sendiri banyak postingan yang ingin ditampilkan, ganti var maxresults=5 sesuai dengan jumlah yang sobat inginkan!! 
3.Title bawaannya adalah You Might Also Like Kalau mau diganti silahkan ganti di var relatedpoststitle="title yang diinginkan"