Saturday, March 17, 2018

Membuat Artikel Terkait Pada Blog

Dari pandangan saya membuat artikel terkait pada blog sangatlah penting untuk meningkatkan page view. Artikel terkait juga biasa disebut related post yang mana widget ini akan membuat blog tambah menarik pada setiap tampilan labelnya atau artikel yang saling berhubungan dan mempermudah pengunjung lebih cepat menemukan artikel yang dicari.

 

Cara Membuat Artikel Terkait

Tidak ada penjelasan panjang lebar lagi tentang artikel terkait pada blog, dan berikut cara membuat artikel terkait :
  • Login ke Dashboard --> Layout --> Edit HTML
  • Centang "Expand Widget Templates"
  • Cari kode : </head>
  • Copy dan Paste kode di bawah ini SEBELUM </head>.
<!--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: Verdana, 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6vNKu282BKyHNtbHrBg7rC28P0a77Ohjqad3tCtoiOSUvy5gWXlh3r-reKVxcN5n6TU6Nxy7qBb9KSn3vIxNyFvfgBHhjzfmkwGq0Z2-nC4UUNVR1c6LkFbG82kCojExNJUtGZ2zZUk/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

  • Kemudian, cari kode :
<div class='post-footer-line post-footer-line-1'>

  • Tambahkan kode di bawah ini tepat SETELAH kode di atas (salah satu yang Anda temukan di template Anda)
<!-- 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://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/'><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png"/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->


Notes :
  • untuk mengatur jumlah artikel terkait, cari kode ini : var maxresults=5; Ubah nilai 5 misal menjadi 7 atau berapa yang Anda suka.
  • Untuk mengubah Judul nya cari kode ini : var relatedpoststitle="Related Posts";