Home » Blogger Hack » Cara buat Related Post dengan Tumbnails di Blogger

Cara buat Related Post dengan Tumbnails di Blogger

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Cara buat Related Post dengan Tumbnails di Blogger. Dengan artikel Cara buat Related Post dengan Tumbnails di Blogger ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Cara buat Related Post dengan Tumbnails di Blogger kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Cara buat Related Post dengan Tumbnails di Blogger selengkapnya:

D-Copy Blog's | Sekarang di sini adalah hack dengan cara yang indah untuk menampilkan artikel terkait di bawah setiap posting blog Anda, bersama dengan thumbnail. Artikel terkait dipilih dari posting lain dalam kategori yang sama/label/tag. Dengan hack ini banyak pembaca Anda akan tetap di situs Anda untuk waktu yang cukup lama ketika mereka melihat posting terkait kepentingan.

Mari kita lakukan :


  1. Buka akun blogger Anda.
  2. Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
  3. Cari kode dibawah ini :
</head>
      4.  Pastekan kode dibawah ini, diatas pada kode diatas :
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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, &#8220;Times New Roman&#8221;, 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 type='text/javascript'>
var defaultnoimage="http://4.bp.blogspot.com/-sCQy7v-L2bo/T3OYPnm7LuI/AAAAAAAABl4/cbteumcrZSU/s1600/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
Catatan:

  • Untuk mengubah gambar default bila tidak ada gambar yang tersedia, ganti URL warna biru dengan URL Anda sendiri.
  • Untuk menampilkan lebih dari 5 postingan, ganti 5 nilai dari "var maxresults = 5;"
  • Hapus kode violet jika Anda ingin artikel terkait ditampilkan di homepage.

       5.   Cari kode dibawah ini :
<div class='post-footer-line post-footer-line-1'>
Jika Anda tidak dapat menemukannya, kemudian mencari satu ini :
<p class='post-footer-line post-footer-line-1'>
atau, 
<data:post.body/>
      6.  Pastekan kode dibawah ini dibawah pada kode diatas :
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://d-copy.blogspot.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

Catatan:

  • Ubah nilai 6 dari max-results=6 dengan jumlah posting yang ingin ditampilkan.
  • Jika Anda ingin artikel terkait yang akan ditampilkan di homepage juga, hapus kode violet.
       7. Save Template Anda.

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Cara buat Related Post dengan Tumbnails di Blogger dengan keword yang masuk Blogger Hack . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Poskan Komentar