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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii5mRP3T7goQrl_ZGeWe4wLJZWZuz2ANcBoGCKLs5vc92WIoFBm_DgEPSf6UowLB1aTGLSiSOG0ezRzFox29l9AJT_UJf_1IH2XkoqecIj1Sq0k7jG74zTvvzGD8U5DGfzKzMcYgLhw3A/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.

Read More

Wallpaper HD 3D

Untuk hari ini saya kembali membagikan keteman-teman bahan untuk menambahkan texture didalam sebuah editing text, ya Wallpaper ini adalah salah satu texture effect untuk Text yang telah diextrude, dan wallpaper ini juga bisa berfungsi untuk effect lainnya, terserah kawan blogger dalm berkreasi saja, dan ingat untuk menambahkan lighting waktu penambahan texture ini agar lebih terkesan bercahaya untuk melihat contohnya bisa juga dilihat di postingan saya mengenai TEXT dan diHeader web saya juga bisa.

Read More

Wallpaper HD blue sky

Para blogger mania, kali ini saya akan membagikan beberapa bahan untuk mulai berkreasi dengan photoshop, apa bahan itu? mau tau ya?
ya kali ini saya share wallpaper tentang dunia langit contohnya picture tersebut.
gambar tersebut bisa digunakan untuk beberapa editing gambar, text atau manipulasi yang lain, tergantung teman-teman semua mau mengedit gambar tersebut seperti apa, kiranya cukup untuk keterangannya silahkan mulai berkreasi dengan wallpaper yang saya bagikan.

Read More