Cara Membuat Artikel Terkait di Blogspot

Pada postingan kali ini membahas seputar tutorial blogspot yaitu cara membuat artikel terkait di blogspot atau biasa juga disebut dengan related post yang biasanya terdapat di bawah postingan blog. Selain membuat navigasi breadcrumb, artikel terkait juga berguna untuk memudahkan pengunjung dalam menjelajahi suatu blog atau pengunjung bisa dengan otomatis mengetahui artikel lain yang serupa dengan artikel utama. Tentu ini sangat berperan bagus dalam kaitannya terhadap SEO.

Tampilan artikel terkait ini hanya menampilkan judul-judul artikel yang berkaitan berdasarkan label dari sebuah artikel blog. Namun jika kamu ingin memiliki artikel terkait yang keren dan unik kamu berhak untuk mencoba tutorial membuat artikel terkait di blog ini. Untuk contoh artikel terkait bisa sobat lihat dibawah setiap artikel blog ini, atau lihat gambar dibawah ini.
Cara Membuat Artikel Terkait di Blogspot

Cara Membuat Artikel Terkait Dibawah Postingan Blog :

  • Login pada akun blogger sobat
  • Klik 'Rancangan' kemudian klik 'Edit HTML'
  • Centang 'Expand Template Widgets'
  • Cari kode </head> 
  • Letakkan kode dibawah ini tepat diatas kode nomor 4
<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 .widget {padding-left:5px;margin-bottom:10px;}
#related-posts .widget h2, #related-posts h2 {font-size:1.6em;font-weight:bold;color:#000;font-family:Arial, Verdana;margin-bottom:0.75em;margin-top:0em;padding-top:0em;}
#related-posts a {color:#;}
#related-posts a:hover {color:#;}
#related-posts ul {list-style-type:none;margin:6px 0 10px 12px;padding:0;text-decoration:none;font-size:13px;}
#related-posts ul li {list-style-type:none;margin-bottom:5px;padding-left:25px;padding-top:0;display:block;background:url(http://3.bp.blogspot.com/-w8axOEBxgU8/T69rgFuV9JI/AAAAAAAAAk8/B5ELhDbhwXY/s400/arrowbullet.png) no-repeat;}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Artikel Terkait&quot;;
</script>
<script src='http://wandhy.googlecode.com/files/artikel-terkait-v2.js' type='text/javascript'/>
</b:if>
  • Tulisan 'Artikel Terkait' yang berwarna merah diatas merupakan judul artikel terkaitnya dan bisa diganti sesuai selera
  • Kemudian cari lagi kode <data:post.body/> jika terdapat 2 kode tersebut, maka letakkan kode dibawah ini tepat dibawah <data:post.body/> yang kedua
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=7;
removeRelatedDuplicates();
printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
  • Tulisan 7 diatas merupakan jumlah artikel yang ditampilkan, bisa dirubah sesuai selera
  • Simpan template sobat
Sampai disini dulu tutorial saya kali ini tentang cara membuat artikel terkait atau related post di blogspot, silahkan dicoba dan semoga bermanfaat :D Kamu juga bisa membaca artikel saya sebelumnya yaitu cara membuat kode html dalam postingan. Jika kamu masih ada yang kurang dimengerti silahkan berikan komentar kamu lewat form dibawah ya. Sekian dan terimakasih.

0 Response to "Cara Membuat Artikel Terkait di Blogspot"

Posting Komentar