Salam
Blogger, Kali ini bloggingpasuruan kembali berbagi tutorial “Cara Membuat Artikel Terkait ( Releated Article ) di Bawah Postingan #PART-3 yang biasanya ditempatkan di bawah
suatu postingan berdasarkan label postingan juga. Tujuan dari pemasangan Widget
ARTIKEL TERKAIT di Bawah Posting Blog ini adalah, selain mempercantik tampilan
blog, juga untuk mempermudah pengunjung Blog ( sebagai navigasi ) dan meningkatkan
pengunjung/SEO di blog yang Sobat Blogger buat.
Catatan
: sebelum mengotak-atik template blog, backup terlebih dahulu agar aman jika
terjadi kesalahan. Berikut tutorial Cara Membuat Widget ARTIKEL TERKAIT di
Bawah Posting :
1. Login ke Blogger Anda, klik Template
kemudian klik Edit HTML.
2. Copy kode berikut dan tempat di atas </head>, ganti link gambar berwarna merah sesuai keinginan Anda, atau tidak diganti juga tidak apa-apa.
<!-- Artikel Terkait Oleh
www.bloggingpasuruan.blogspot.com -->
<style>
#related-posts { float : left; width :
auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px
Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none;
margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts
h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0
5px; } #related-posts a { text-decoration : none; } #related-posts a:hover {
text-decoration : none; } #related-posts ul { border : medium none; margin :
10px; padding : 0; } #related-posts ul li { display : block; background :
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSIuz1k0wDoj6ubIUzGIuFh3V2whtdt0MCJijijrcPZpeHU07WjyKN1Qa1dyt4ipJ9HJ4fZ4TIC3XEeR36AmO_kB__8JO3WDQS-AGLbvlx3TAu1ajVm6QkzAJ9RTcjqF02aQXwOXwgKvw/s1600/rss.png")
no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom :
1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em;
border-bottom:1px dotted #cccccc; }
</style>
<script src='https://artikel-terkait-by-bloggingpasuruan.googlecode.com/svn/artikelterkait.js'
type='text/javascript'/>
<!—Artikel Terkait Oleh
www.bloggingpasuruan.blogspot.com-->
3. Setelah itu cari kode <data:post.body/>
atau <div
class='post-body> dan letakkan script berikut di bawahnya. Atau,
jika Anda sudah ahli dalam mengedit template blog, Anda bisa menempatkan bebas
dimana saja, asalkan diletakan di bawah postingan. Ganti kata “ Artikel Terkait “ sesuai kata-kata selera
Anda.
<!-- Artikel Terkait -->
<b:if cond='data:blog.pageType ==
"item"'>
<div id='related-posts'>
<font face='Arial'
size='3'><b>Artikel Terkait : </b>
</font><font
color='#FFFFFF'><b:loop values='data:post.labels'
var='label'><data:label.name/>
<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=5"'
type='text/javascript'/>
</b:if></b:loop></font>
<script type='text/javascript'>
removeRelatedDuplicates(); printRelatedLabels();</script>
</div></b:if>
<!-- Artikel Terkait -->
4. Simpan
( Save ) template dan lihat hasilnya.
Saya akan sangat berterima kasih jika Sobat Blogger berkenan untuk berkomentar, memberikan saran atau pertanyaan untuk artikel Cara Membuat Artikel Terkait ( Releated Article ) di Bawah Postingan #PART-3. Semoga
bermanfaat...
Thanks infonya sob.
ReplyDeleteabydsblog.blogspot.com