Membuat Artikel Terkait Dengan Gambar Di Blog :
Sobat blogger pada kesempatan kali ini saya akan berbagi tutorial blogspot/blogger tentang "Membuat Artikel Terkait Dengan Gambar Di Blog" Membuat artikel terkait mempunyai banyak kegunaan lho sob. Salahsatunya adalah meningkatkan pageview atau tayangan, karna pengunjung akan mudah muntuk menemukan artikel-artikel terkait lainnya. Sebagai contoh : ada seoang pengunjung yg datang ke blog sobat, Pengunjung tersebut sedang membaca artikel tentang Cara Membuat Blog, Dan jika di blog sobat terdapat banyak tutorial blog, dan yg di cari pengunjung tersebut adalah artikel tentang blog, pasti pengunjung tersebut akan mengkliknya dan al hasil menambah PV untuk blog kita. Selain meningkatkan Page View (PV) Artikel terkait juga bisa mempercantik blog. Oke, mari kita simak tutorial "Membuat Artikel Terkait Dengan Gambar Di Blog"
- Login Ke Blogger
- Pilih Template >> Edit HTML >> Ceklis Expand Template Widget
- Letakan kode berikut ini di bawah kode ]]></b:skin>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-post{float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px}
#related-post h2{font-size:14px; margin:5px 0px 0; padding:0 0 5px; font-weight:normal}
#related-post a{color:black; border-left:1px #EEE solid; border-right:1px #EEE solid}
#related-post a:hover{color:black}
#related-post a:hover{background-color:#F8F8F8}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOOhGZZSvODzg43PCE7XsW1fy6PZp-sW1JP1arfK7S9SYgDTLHPV457zm48DxwsiclLUWXEipx0shzqmqi0J3JIYXmUZuGGOgKS7XE_oS9HTPZ0fFozq8hkT-BKd2vJFxkqeWG94sY1tA/s400/noimage.png";
var maxresults=6;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts :";
</script>
<script src='https://luhurfatah-code.googlecode.com/files/artikel-terkait-bergambar.js' type='text/javascript'/>
</b:if>
- Setelah itu cari kode <data:post.body/> ( apa bila ada beberapa kode tersebut, bisa di coba satu-satu :v)
- Letakan kode berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-post'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/></b:loop>
<script type='text/javascript'>removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs("<data:post.url/>");</script>
</div>
<div style='clear:both'/>
</b:if>
- Simpan
