Cara Cepat Hamil

Cara membuat Artikel Terkait/Related Post Bergambar bagus



Panduan Blog : Cara membuat Artikel Terkait/Related Post Bergambar bagus - Hellow sobat Blogger, kali ini saya akan membagikan tutorial tentang Blog. yakni "Cara membuat artikel terkait/Related Post bergambar bagus". Nah jika anda tertarik kita langsung saja ke langkahnya.
Screenshoot :
 Langkah membuat artikel terkait / related post bergambar : 
  • Login Blogger sobat 
  • Pilih Rancangan => Edit html => centang Expand Widget Template 
  • Letakkan code di bawah ini sebelum kode </head>
 <!--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='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

  • Setelah itu, silahkan masukkan kode di bawah ini, tepat di atas kode <div class='post-footer'> 
 <!-- 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>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=8;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

  • Jangan lupa klik Save Template.
Semoga bermanfaat bagi sobat.
Cara membuat Artikel Terkait/Related Post Bergambar bagus 9out of 10 based on 10 ratings. 9 user reviews.


Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis

Artikel Cara membuat Artikel Terkait/Related Post Bergambar bagus diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging

1 komentar:

The Cloner Template mengatakan...

wew...
mantap nich... artikelnya...

tutorialnya sudah saya aplikasikan pada blog saya >> Blogspot Tutorial

Posting Komentar