Home » , » Cara Membuat Related Post Gambar

Cara Membuat Related Post Gambar

Cara-Membuat-Postingan-terkait

RelatePost merupakan informasi tentang keterkaitan artikel satu dengan artikel lainnya di dalam blog yang biasa juga di sebut postingan terkait. Related  post atau postingan terkait bisa membantu pengunjung untuk melihat artikel yang berkaitan dengan artikel atau postingan yang mereka baca.  Sehingga pada nantinya pengunjung akan berlama lama di blog kita.

1. Login ke dashboard blog Anda
2. Klik Template --> Edit HTML
3. Code </head> dengan menekan ctrl + F
4. Simpan kode berikut diatas kode  </head>
<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.2em; 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://kangdansen.googlecode.com/files/relatedpostwiththumbnail.js' type='text/javascript'/> </b:if>
5. Cari kode ini  <div class='post-footer-line post-footer-line-3'/>
6. Simpan kode berikut  tepat di bawah  kode diatas
<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><a href='http://www.omseoli.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=5; var relatedpoststitle=&quot;Postingan Terkait Tutorial Seo Blog&quot;;removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> </b:if>
7. Simpan template dan lihat hasilnya

Baca juga cara membuat Random Post Gambar
Share this article :
Comments
0 Comments

0 comments:

Post a Comment

 
Support : Contact | Privacy Policy | Disclaimer
Copyright © 2014. Umstrieduatiga.com - All Rights Reserved
Template Created by Mas Kolis Published by Umstrie23.com
Proudly powered by Blogger>