Cari di Blog ini

Aug 11, 2013

Related Posts Widget Simple Dan Stylish Untuk Blogger

Related Post Widget For Blogspot ini merupakan salahsatu bagian terpenting bagi blog. Dengan adanya artikel terkait yang berhubungan dengan setiap post, maka akan menambah Page Rank Flow pada blog.

Widget Artikel Terkait yang menarik, bagus,indah, cepat, simple dan stylist akan memudahkan pengunjung blog untuk memilih tulisan lain yang mungkin saja bermanfaat dan berhubungan dengan apa yang mereka butuhkan.

Related Post Widget For Blogger
Related Post Widget For Blogger


Untuk membuat Related Post Widget yang Simple namun Stylist untuk blogspot, dapat mengikuti panduan sederhana berikut:

1. Edit Template - Expand - Ctrl+F <div class='post-footer'>

2. Letakkan script Related Posts Widget tepat dibawahnya:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
[DISINI ADALAH ISI DARI post-footer-line-1]
</div>
<div class='post-footer-line post-footer-line-2'>
[DISINI ADALAH ISI DARI post-footer-line-2]
</div>
<div class='post-footer-line post-footer-line-3'>
[DISINI ADALAH ISI DARI post-footer-line-2]
</div>
</div>
[LETAKKAN RELATED POSTS WIDGET DISINI!]

<!--:[ SIMPLE RELATED POSTS CODE START ]:-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link href='https://googledrive.com/host/0BxpbOcA_9SvfLTVJX0VQeDFQek0' rel='stylesheet' type="text/css"/>
<script src='https://googledrive.com/host/0BxpbOcA_9SvfRllFWElnUFlnUXM' type='text/javascript'/>
    <div id='related'>
  <ul class='posts'>
   <h5>Related Post On
    <b:loop values='data:post.labels' var='label'>
     <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=readpostlabels&amp;max-results=50&quot;' type='text/javascript'/>
    </b:loop> 
   </h5>
  <script type='text/javascript'>showrelated();</script>
  </ul>
 </div>
    <div style='clear:both;'/>
</b:if>
<!--:[ SIMPLE RELATED POSTS CODE END ]:-->

3. Simpan/ Save Perubahan Pada Template

4. Selesai

1 comment:

Copyright © Fauzi Blog