Cara Membuat Artikel Terkait dengan Gambar/ Thumbnail

1. Login ke Blogger sobat,

2. Pada halaman Dasbor, pergi ke Template dan pilih Edit HTML

3. Cari kode </head>

4. Letakkan CSS dan JavaScript berikut ini sebelum kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.3em; font-weight: bold; color: #000000; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:#000000; } #related-posts a:hover{ color:#000000; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://eflianda-blogzzz.googlecode.com/files/relatedthumbs.js' type='text/javascript'/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End-->

5. Setelah itu cari kode <div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'/>
7. Terakhir, Klik Simpan Template

Filed Under: Tips Blogger on 10 February, 2014