Cara Membuat Related Post Di Blog

Sebelumnya saya memberikan langkah-langkah tentang,cara memasang recent post di blog. Tetapi sekarang saya akan menunjukkan cara memasang related post yang terletak di bawah postingan bergambar dan slide.maaf agak rumit sedikit kata-katanya :D

Untuk cara pemasangannya ikuti langkah-langkah dibawah ini:

• Login Ke Blogger.com
• Klik Template.
• Dan Klik Edit HTML
• Tekan Sembarang Di Dalam Kode Template.
• Dan Cari Kode </head> Tekan Ctrl+F
• Setelah Menemukan Kode </head> Copy Kode Dibawah Ini Dan Pastekan Tepat Diatas Kode </head>
• KODE:.

<!--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: #585858;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:#FFFFCC;

}

#related-posts a:hover{

color:#000000;

}

#related-posts a:hover {

background-color:#d4eaf2;

}

</style>

<script src='https://sites.google.com/site/langkahkuseo/javascript/relatedpostwiththumbnails2.js' type='text/javascript'/>

</b:if>

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

• Selanjutnya Cari Kode <div class='post-footer-line post-footer-line-1'> Atau <p class='post-footer-line post-footer-line-1'>
• Lalu Copy Kode Di Bawah Ini Dan Paste Setelah Salah Satu Kode Di Atas Yang Kalian Temukan.<div class='post-footer-line post-footer-line-1'> Atau <p class='post-footer-line post-footer-line-1'>
• KODE:

<!-- Marquee  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>Baca Juga Artikel Terkait Lainnya: </b></h3>

<div style='background:#444; border:1px solid #ffffff; border-bottom:1px solid #666; border-right:1px solid #666;margin: 0px auto; padding: 5px;width:98%;float:left;height:100%'>

<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=12;

var relatedpoststitle=&quot;&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script></marquee>

<div style='border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;'>Get this <a href='http://langkahkuseo.blogspot.com/2014/11/cara-membuat-related-post-di-blog.html' target='_blank'>widget</a></div>

</div>

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

</b:if>

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

</b:if>

</b:if>

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

Perhatikan tulisan Baca Juga Artikel Terkait Lainnya: bisa Anda ganti dengan kalimat yang Anda kehendaki.

#444 untuk warna background kotaknya.

Dan angka 12 untuk menunjukan jumlah related post yang ditampilkan.

• Klik Simpan

Title : Cara Membuat Related Post Di Blog
Posted by : Unknown
Published : 2014-11-08T03:43:00-08:00
Rating : 5
Reviewer : 99999 Reviews