Cara Pasang Related Post Dengan Gambar di Bawah Posting Blog Terbaru :|: Prediksi Skor Dunia Bola

Tips Bloging kali ini dari kami akan membahas tentang Cara Pasang Related Post Dengan Gambar di Bawah Posting Blog Terbaru seperti gambar dibawah penampakannya.

Langsung saja berikut langkah cara pembuatannya :
1. Log in ke account blogger anda.
2. Klik "Template" lalu "Edit HTML". lanjutkan
3. Centang "Expand Template Widget"
4. Cari kode </head> dan Copy kode di bawah ini lalu Paste tepat di atas </head>.

<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.6em;font-weight: bold;color: black;font-family: Georgia, “Times New Roman”, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;} #related-posts a{color:black;} #related-posts a:hover{color:black;}#related-posts a:hover {background-color:#d4eaf2;}</style><script src='http://galang.googlecode.com/files/relatedposts.js' type='text/javascript'/></b:if>

5. Setelah itu cari kode <div class='post-footer-line post-footer-line-1'>, lalu Copy kode di bawah ini tepat di bawah kode <div class='post-footer-line post-footer-line-1'>.

<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&max-results=12"' type='text/javascript'/></b:if></b:loop> <h3><b>yuk kita baca yang lainnya</b></h3> <marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=10; var relatedpoststitle=""; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> </div><div style='clear:both'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://celoteh-galang.blogspot.com/2011/04/membuat-artikel-terkait-thumbnails.html' style='display:none;'>Thumbnail Related Post</a> </b:if> </b:if>

keterangan: tulisan yang berwarna merah tebal diatas bisa sobat ganti dengan kata-kata sobat sendiri
6. Simpan template anda dan lihat hasilnya.

Demikian Tips Bloging dari shilopedia.net tentang Cara Pasang Related Post Dengan Gambar di Bawah Posting Blog Terbaru.Semoga bermanfaat.