Membuat related Post dengan Gambar / thumbnail di bawah postingan, berikut ini yang sudah saya terapkan sndiri
1. Log in ke account blogger sobat
3. kemudian pilih Edit Html
4. pilih lanjutkan untuk masuk ke Setup Html
5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang
bertuliskan "expand template widget"
6. selanjutnya sobat cari kode </head> dan untuk mempermudah pencarian
sobat tekan tombol ctrl+f pada keyboard sobat
7. paste kode dibawah ini diatas kode </head> tadi
<b:if cond='data:blog.pageType == "item"'>
font-family: Georgia, “Times New Roman”, Times, serif;
background-color:#d4eaf2;
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/relatedpostwiththumbnails.js.js' type='text/javascript'/>
8. kemudian sobat cari salah satu kode berikut ini:
<div class='post-footer-line post-footer-line-3'>
atau <p class='post-footer-line post-footer-line-3'>
9. Setelah itu letakan kode dibawah ini, dibawah salah satu kode diatas
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
<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&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://amatulla83.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</div><div style='clear:both'/>
10. dan terakhir Simpan Template
0 komentar:
Posting Komentar