Tutorial memasang related post

Kamis, 25 Februari 2010

Hi sekarang kita akan membahas tutorial memasang related post yang terletak dibawah artikel, dengan tutorial ini pengunjung yang ke website anda  akan lebih nyaman dan lebih lama berada di blog kamu.

OK ini langkah tutorial memasang related post

  1. Login dan edit HTML
  2.  Centang kotak kecil Expand widget content
  3.  Cari tag </head>
  4. Tambah kode ini tepat diatas tag </head>
  5. <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-EZ5xC9gb5FpQoO9rOZLQDR47s9fyBBccRxtiLXBRTMaM8knkU5XfoBRaxEDz5XZRvEZjquvWYipSegEncZaMyTYSZkPcKHTmUMfdGK90HtEDF1lK2eUnRA6NSt3-9O3WlLlB03kYvEc/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://bsaves.com/scripts/Related_posts_hack.js' type='text/javascript'/>  
  6.  Cari Kode <data:post.body/> dalam beberapa template akan seperti <div class='post-body>
  7.  Tambahkan kode berikut tepat dibawahnya
  8. <b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>
  9.  Selesai Save templatenya
Semoga bermanfaat!

Source

    Bagikan keteman anda

    Bookmark and Share

    0 komentar:

    Posting Komentar