Eko Down Base (EDB™) adalah sebuah wadah media informasi secara menyeluruh dan sebagai media hiburan.

May 30, 2015

Blogger - Cara menambah related posts

Cara menambah related posts
Cara menambah related posts
EDB - Pada kesempatan ini saya ingin berbagi tentang cara menambah related posts pada blogger, banyak versi pada related posts di sini, jadi kali ini saya berbagi tentang related posts versi untuk blogger wallpaper.

Ikuti langkah demi langkah dibawah ini.
Step 1. Masuk dashboard blogger.
Step 2. Kemudian masuk Template > EDIT HTML.
Step 3. Find (cari) kode </head> gunakan ctrl+F agar lebih cepat.
Step 4. Jika sudah ketemu kode </head>, letakan code script di bawah ini tepat di atas code </head>.
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:3px;border:4px solid #f2f2f2;width:150px;height:190px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }
#related-title {
  float: center;
  color: #666;
  text-align: center;
  padding: 0px 5px 10px;
  font-size: 12px;
  width: 150px;
  height: 40px;
}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
Step 5. Kemudian letakan code di bawah ini tepat di bawah share button pada template anda, bisa di juga di atas Comment Box pada template anda.
<!-- 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=8&quot;' expr:title='data:post.title' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.isFirstPost'>
<a href='http://ekodb.blogspot.com'>EDB&#8482;</a>
</b:if>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Step 6. Simpan template (save).
Step 7. Selesai.

Jika mengalami kesulitan silahkan komentar di bawah. Semoga artikel ini dapat membantu. Terimakasih.

Blogger - Cara menambah related posts Rating: 5 Diposkan Oleh: ED B

0 comments:

Post a Comment