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

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment