CARA MEMASANG TULISAN TERKAIT DENGAN GAMBAR

Cara Memasang Tulisan Terkait Dengan Gambar Tulisan terkait disertai gambar nampak akan mempunyai daya tarik visitor untuk membuka tulisan-tulisan terkait kita selanjutnya. Akibatnya visitor kita akan berlama-lama dalam blog kita dan membuka satu persatu tulisanatau artikel kita. Nah kalo visitor begitu, traffick kita akan bertambah dan bagi yang memonetisasi blognya (seperti blog ini he he he he) akan banyak kemungkinan tuk klik iklan, dan uwang (bahasa malaysia daru Uang) akan bertambah. Mau dunk………..!!!!!!


Berikut cara memasang tulisan terkait disertai gambar atau thumbail.


pertama-tama. Seperti biasa silahkan login dulu ke Blogger. dan ikuti langkah-langkahnya berikut ini :



Cari  Edit HTML.



Klik Expand Template Widget.


Kemudian letakkan kode berikut ini, tepat diatas kode </head>
Nih Kodenya:

<!--Related Posts with thumbnails Scripts and Styles Start-->

<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>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->





Kemudian cari kode berikut ini :
<div class='post-footer-line post-footer-line-1'>
Jika sudah ketemu, kemudian letakkan kode berikut tepat setelah kode diatas :

<!-- Related Posts with Thumbnails Code Start-->

<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://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=7;
var relatedpoststitle="TULISAN TERKAIT";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->



Selanjutnya Simpan template Anda.

Nah Sekarang nikmati Tampilan Blog anda Yang menarik, dengan Tulisan terkait disertai

gambar.