Membuat Related Post Bergambar di Blogspot

Membuat Related Post Bergambar di Blogspot ini merupakan cara termudah,anda tidak akan di repot kan mengotak atik  edit html,bukan hal asing lagi bagi juragan yang sudah sekian lama berkecimpung di dunia blogspot.Related Post yang menggunakan  image alias gambar secara thumbnail akan membuat tampilan blog lebih cantik, menurut juragan seo Related post dengan  gambar Thumbnail pada blogspot (menyertakan gambar) akan dapat memperkaya pageview pada blog juragan dan kemungkinan besar akan memperamping (kualitas meningkat) alexa pagerank atau bertambahnya recehan dolar. Karena iseng pengen nulis,munculah penampakan berupa ide  hehehehe…kok ada? Lalu terbesit untuk menulis Membuat Related post beserta Thumbnail pada blogspot……asoey….”umunge konco sagita asolole….”

 Membuat Related post bergambar di blogspot adalah sebagai berikut:

1.silahkan masuk ke blogspot

2.Rancangan

3.Eit HTML

4.Centang Expand Widget Templates

Membuat CSS Related Post :terlebih dulu,silahkan juragan salin kode berikut ini:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<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, &#8220;Times New Roman&#8221;, 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>
<scriptsrc=’http://jiox.googlecode.com/files/sambung.js’ type=’text/java script‘/>
</b:if>

kemudian pasang/letakkan di atas kode </head>

3. Tekan F3, kemudian search atau cari kode ini

<div class=’post-footer-line post-footer-line-1′>

kalau tidak ada, alternatifnya cari kode ini

<p class=’post-footer-line post-footer-line-1′>

kemudian salin dan letakkan kode dibawah ini, setelah kode di atas

<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>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<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:if></b:loop><a href=’http://alkatro.com/’ style=’display:none;’>simple tips</a>
<script type=’text/javascript’>
var currentposturl=&quot;<data:post.url/>&quot;;
var jumlahpost=7;var judulnya=”Artikel Terkait”;
removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();
</script>
</div><div style=’clear:both’/>
</b:if>

Keterangan:
text yang terlihat miring dan di bold : var jumlahpost=7
pertanda jumlah judul posting yang akan muncul, angka 7 silahkan sesuaikan dengan selera juragan
Text  Artikel Terkait, adalah kalimat judul yang akan muncul di atas daftar artikel posting terkait pada blog juragan,silahkan ganti dengan kalimat yang lebih romantis dan menggoda iman wkwwkw
Kalau Sudah silahkan “Save Template”

Semoga "Membuat Related Post Bergambar di Blogspot" ini berguna bagi  sobat2 khususnya bloger tulung agung