Membuat Artikel Terkait dengan Gambar

Pada artikel sebelumnya kita membahas soal membuat artikel terkait maka kali ini kita akan membahas Cara membuat artikel terkait dalam bentuk gambar..

Baiklah, tanpa harus panjang lebar lagi berikut cara-caranya:

1. Pada RANCANGAN kemudian Edit HTML

2. Centang Expand Tempate Widget dan tunggu beberapa saat

3. Cari kode <head>

Copy kode dibawah dan paste kan diatas kode tadi

&lt;em&gt;Ampersands &amp; angle brackets need to be encoded.&lt;/em&gt;
&lt;!--Related Posts with thumbnails Scripts and Styles Start--&gt;
&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;
&lt;style type=&quot;text/css&quot;&gt;
#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, &amp;#8220;Times New Roman&amp;#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;
}
&lt;/style&gt; &lt;script src='http://blogergadgets.googlecode.com/ files/relatedthumbs21.js' type='text/javascript'/&gt;
&lt;/b:if&gt;
&lt;!--Related Posts with thumbnails Scripts and Styles End--&gt;



4. Kemudian
cari kode
<div class='post-footer-line post-footer-line-1'>

copy kode di bawah ini dan pastekan dibawah kode tadi

<!-- 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=5;
var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->


var maxresults=5;

adalah jumlah artikel yg ingin di tampilkan dalam blog sobat, dan sobat bisa menggantinya sesuai keinginan sobat

6: Selesai





Sumber: http://info-bagikita.blogspot.com