cara membuat artikel terkait disertai gambar -->

cara membuat artikel terkait disertai gambar

,
Multi blog adalah blog campur-campur jasa ganti domain jasa pembuatan website agen pulsa dan ppob jasa daftar google adsense dll
cara membuat artikel terkait dengan gambar atau disertai dengan gambar sebelumnya saya juga sudah membuat postingan yang sama hal membuat artikel terkait dengan gambar akan tetapi disini berbedaa tampilan nya jika mau melihat untuk membandingkan silahkan buka postingan ini Cara membuat Related post dengan gambar
dan untuk tampilan artikel terkait dengan gambar atau related post dengan gambar yang saat ini ingin saya bagikan caranya disini contoh nya seperti gambar di bawah ini

untuk artikel membuat artikel terkait dengan gambar

Artikel terkait fungsinya untuk memberikan atau menampilkan judul posting yang lainya yang masih ada hubunganya dengan artikel yang sedang di bacanya menurut kategori / label dan tampilan yang akan saya berikan panduanya disini artikel terkait akan otomatis tampil pada setiap akir pada postingan / di bawah postingan

cara pembuatanya :

1. buka blog anda lalu login dan pilih template
2.klik edit HTML dan cari kode </head>
3.selanjutnya kopi kode di bawah ini dan pastekan di atas kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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="Artikel Terkait";
</script>
<script src='http://andreykusanagi.googlecode.com/files/related-posts-thumbnail.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

4. lalu kopi lagi kode di bawah ini dan pastekan di atas <div class='post-footer-line post-footer-line-1'> atau di atas <p class='post-footer-line post-footer-line-1'>

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://multi-blogg.blogspot.com'><img style="border: 0" alt="Cara membuat Artikel terkait dengan Thumbnail" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

5.simpan template nya
6.selesai..

sampai disini panduan blogger dari multi blog tentang cara membuat artikel terkait disertai gambar, semoga berguna



TerPopuler