Widget Artikel terkait untuk Blogger v1


Dengan widget ini, sohib akan memberikan kemudahan kepada visitor atau pengunjung untuk mendapatkan artikel terkait dibawah posting artikel Sohib. Dan artikel terkait yang muncul adalah artikel yang berada dalam label yang sama.

Misalnya: Pada label Hipnosis, maka artikel terkait yang muncul adalah dari label yang sama.
Widget artikel terkait akan menampilkan artikel terbaru.

Untuk memunculkan atau memasang ikuti langkah berikut:
1. Login ke akun blogger sohib dan masuk ke dasboard
2. Masuk ke layout dan pilih edit html template dan centang expand your widget.
3. Cari kode berikut:
Cari kode berikut
</head>

4. Ganti dengan kode dibawah ini
Ganti dengan kode dibawah ini

<!--Related Posts 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 .widget{
padding-left:6px;
margin-bottom:10px;
 
}
#related-posts .widget h2, #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:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
 
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_min.js' type='text/javascript'/>
 
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->
</head>

5. Jika ingin merubah nama widget, silakan edit baris ini pada kode diatas:
Rubah yang berwarna merah sesuai keinginan sohib
var relatedpoststitle="Related Posts";

6. Ganti kode yang berwarna merah dengan nama yang sohib inginkan
7. Lalu cari kode berikut:
cari kode
<div class='post-footer-line post-footer-line-1'>

atau

 <p class='post-footer-line post-footer-line-1'>

8. Lalu setelah kode diatas ditemukan, letakkan kode dibawah ini dibawah kode diatas.
Pasang kode ini dibawah kode diatas

<!-- Related Posts 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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
 
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
 
<!--Remove--></b:if>
<!-- Related Posts Code End-->

Secara default hanya akan ditunjukkan 6 artikel terkait saja. Namun Sohib bisa menggantinya dengan jumlah yang sohib inginkan.

9. Nah sekarang sohib sudah berhasil memasangnya dan merubah sesuai keinginan pada blog sohib.
Lakukan preview sebelum menyimpan atau save template.

Catatan: Jika ingin memasang Widget artikel terkait pada setiap halaman, silakan Sohib hapus saja 4 baris yang dimulai dengan kode bertuliskan <!--Remove—>

Update:
Update: JIka tidak berfungsi, silakan ganti kode ini
http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js

dengan 

http://bloggergadgets.googlecode.com/files/related_posts_compressed.js


Selamat mencoba

Abi Andaya Iswara

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

Tidak ada komentar:

Poskan Komentar

Terima kasih. BY Mixland Blog.