Artikel Terkait Tanpa Thumbnail

- - , - Tinggalkan komentar
Artikel Terkait
Ini adalah pilihan lain untuk menambahkan artikel terkait atau related post di blogger, sebelumnya juga sudah saya posting tentang menambahkan artikel terkait,tapi yang ini tanpa thumbnail, jadi kelihatan lebih sederhana,,,

Untuk tampilannya seperti yang saya gunakan ini,jadi tidak saya sertakan gambar SS. jika tertarik silahkan ikuti langkah di bawah..!

  • masuk ke halaman edit HTML
  • copy kode di bawah ini dan letakkan di atas kode  </head>

      <!--artikel terkait--><style type='text/css'> #related-posts { float : left; width : 100%; 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitif3EFLrVZBgLVkPhtBb5aptcr132YZaz7sg5fRsKtq365SK4HwrRg9iWaOD3k7OOWcWdJyCzgWzGMZWUh6krVA4f5nT4Vdg0PXKofzHuh0hUjBmoyzQHEw9HR1QhE2lfA7vIsGBr88EX/s1600/rss.png&quot;) 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://dienuhui.googlecode.com/files/artikelterkait.js'/> <!--artikel terkait-->

      • selanutnya caari kode <data:post.body/> dan letakkan kode berikut ini di bawahnya,,
      <!--artikel terkait--><b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div id='related-posts'>
      <font face='Arial' size='3'><b>Pilihan baca&#39;an : </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><!--artikel terkait-->

      perlu di ingat bahwa pada sebagian template  terdapat dua kode <data:post.body/> ,dan kode panjang tadi silahkan letakkan di bawah kode yang terakhir...selamat mencoba.......
        Artikel Terkait Tanpa Thumbnail - 0 komentar

        Posting Komentar