Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Cara Pasang Related Post + Thumbnail

Cara Pasang Related Post + Thumbnail-Selamat malam para blogger, kembali lagi saya ingin berbagi tips cara mengoptimalkan blog dengan memasang Related Post atau sering di sebut juga dengan Artikel terkait.

Menurut para master blogger sih memasang Related Post pada blog akan meningkatkan pageview , Related Post akan memudahkan pengunjung mengetahui atau melihat artikel atau topik yang sama dengan topik yang sedang dibaca.

Untuk related post kali ini saya ingin menggunakan tampilan gambar dan akan memberikan tampilan menarik tentunya, jadi pengunjung akan lebih tertarik selain membaca judul mereka juga bisa melihat gambarnya.

Related Post ini saya ambil dari blognya maskolis.com yang merupakan tempat saya belajar memulai blog dari pertama kali sampai menjadi seperti ini, memang sih blog saya masih belum bisa dikatakan layak, namun cukuplah buat pemula seperti saya hehehe 😀

Panduan Mudah Membuat Related Post

  • Login ke akun blog Anda
  • Pada halaman dashboard pilih Template
  • Pilih Edit HTML
  • Cara kode berikut </head>, lalu copy dan paste kode dibawah ini tepat diatasnya:
<!--Related Posts with thumbnails Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
<script type='text/javascript'>
var defaultnoimage="http://lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/AAAAAAAADaY/gk-KFA5_m7w/noimage.png";
var maxresults=5;
var splittercolor="#cccccc";
var relatedpoststitle="You might also like:";
</script>
<script src='https://sites.google.com/site/bangkolis/javascript/maskolis.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails End-->
  • Lalu cari <p class=’post-footer-line post-footer-line-1’/> 
  • Kalau tidak ketemu coba cari post-footer-line 
  • Letakkan kode berikut dibawahnya
<!-- 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>
<!-- Related Posts with Thumbnails Code End-->
  • Terakhir Simpan

Sebenarnya jika kita unduh template dari pihak ke 3 biasanya sudah pada dilengkapi dengan fitur artikel terkait, jadi kita tidak usah repot-repot memasang artikel terkait lagi, namun jika Anda menggunakan template bawaan blogger atau Anda download template yang belum terdapat artikel terkait maka silahkan gunakan script diatas untuk memasang artikel terkait di blogger.

Demikian untuk artikel kali ini tentang Cara Pasang Related Post + Thumbnail, semoga dapat bermanfaat. Untuk panduan lain yang mungin berguna juga silahkan baca artikel Memasang Meta Tags Pada Blog

Loading...

Add a Comment

Your email address will not be published. Required fields are marked *

More in Blogger
Cara Memasang Adsense Di Bawah Paragraf Pertama dan Kedua di Blogger

Cara Memasang Adsense Di Bawah Paragraf Pertama dan Kedua di...

Close