Saturday, 17 August 2013

Tutorial Artikel terkait Related Posts Bergambar


Untuk meningkatkan sedikit kualitas SEO,semoga tutorial yang saya tulis berguna untuk beberapa hal,seperti untuk memperlama pengunjung dan tentunya kepentingan SEO.dan cara untuk membuat artikel terkait atau related posts sebagai berikut :

1. Login ke blogger.com
2. Setelah login, pada Dasboard pilih Template kemudian Edit HTML
3. Setelah masuk di halaman Edit HTML cari kode ini : 

]]></b:skin>

Agar lebih mudah tekan saja ctrl+f

4. Setelah ketemu kode ]]></b:skin>  Letakan kode dibawah ini tepat dibawah kode ]]></b:skin> :

<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 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:black}
#related-posts a:hover{color:black}
#related-posts a:hover{background-color:#d4eaf2}
</style>
<script type='text/javascript'>
var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://artikel-terkait-bergambar.googlecode.com/files/artikel-terkait-bergambar.js' type='text/javascript'/>
</b:if>

5. Setelah menyelesaikan tahapan diatas, cari kode :

<data:post.body/>

ketika sudah menemukan kode <data:post.body/> letakan kode dibawah ini tepat dibawah kode <data:post.body/> :

<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'/>
</b:if> 

6. Terakhir Simpan Template, kemudian hasilnya seperti gambar diatas.

#Catatan:
var maxresults=5 : adalah banyaknya artikel terkait yang akan muncul, jadi terserah kawan blogger saja mau menampilkan berapa banyak artikel terkaitnya, sekian tutorial yang saya bagikan kali ini kalau ada yang kurang tepat saya minta maaf sebab segala kesempurnaan hanya milik ALLAH SWT.

0 komentar:

Post a Comment