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:
4. Ganti dengan kode dibawah ini
| Ganti dengan kode dibawah ini |
<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == "item"'>
<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, “Times New Roman”, 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6QdO3ifY6uCO411paZ-s6J3ukJIkdJSSbj8_LEdVMjETVW5wOC5MAPIndl4nP0eolM5xRcYv_UtdAHBDXxSbvsSLuMHPLRlV1JrqZiEr22ZSqnohpGk7VvOZVNLBrcCKGZoCM7iMlO5Q/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 == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' 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("<data:post.url/>");
</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
Tidak ada komentar:
Posting Komentar
Terima kasih. BY Mixland Blog.