Membuat Artikel Terkait DI Bawah Postingan

Untuk membuat Artikel Terkait di bawah postingan seperti di blog saya ini caranya cukup mudah.

Langsung saja ikuti step by step di bawah ini.

1.Login ke akun blogger anda.

2.Masuk ke halaman Dasbor.

3.Pilih Rancangan kemudian pilih Edit HTML.

4.Untuk mengantisipasi kesalahan,lebih baik anda Download terlebih dahulu Template Lengkap anda.

5.Jika sudah anda download template lengkap anda,kemudian centang Expand Template Widget.

6.Cari kode ]]></b:skin>

7.Letakkan kode dibawah ini tepat di bawah kode ]]></b:skin>

<!--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-->

8.Kemudian cari kembali kode <div class='post-footer-line post-footer-line-1'>,dan letakkan kode di bawah ini tepat di bawah kode tersebut.

<!-- Marquee Serbablog 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=12&quot;' type='text/javascript'/></b:if></b:loop>

<h3><b>Related Posts</b></h3>

<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=6;

var relatedpoststitle=&quot;&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script></marquee>

</div><div style='clear:both'/>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

<a href='http://kurniasepta.blogspot.com/2010/01/membuat-artikel-terkait-dengan-disertai.html' style='display:none;'>Thumbnail Related Post</a>

<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>

</b:if>

</b:if>

<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

9.Simpan Template dan lihat hasilnya :-)

NB :   ->  Tulisan Related Posts adalah judul yang ingin tampilkan dapat anda ganti sesuai keinginan anda ( misal " Artikel Terkait" )

    

        -> Angka 6 adalah jumlah Artikel Terkait yang ingin anda tampilkan.

Baca Yang Di Bawah Ini Juga