ILMU PENGETAHUAN

Blog Berisi Tentang Pengetahuan Umum, Teknologi dan Informasi

Cara Membuat Related Post

Sahabat sahabatku sakalian, kini saya akan berbagi tentang bagaimana membuat Related Post.
ini SS nya:

oke langsung aja ikuti langkahlangkahnya.

  1. Loggin di Blogger
  2. Pilih Template
  3. Untuk mengantisipasi eror, download  lengkap template blog anda terlebih dahulu.
  4. Kemudian pilh Edit HTML
  5. Cari kode ]]></b:skin> kemudian copy kode dibawah ini tepat di atasnya.
#related-posts { float : left; width : 620px; margin-top:0px; 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('http://farm6.staticflickr.com/5079/7394893900_2368b345e7_t.jpg') no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 2px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
     6.  Selanjutnya cari kode <data:post.body/>  dan copy kode di bawah ini tepat dibawahnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><font face='Arial' size='3'><b>Related Posts : </b></font><font color='#c20000'><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=10&quot;' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>

          Keterangan:
          Warna Hijau : Ubah Nama Sesuai Selera Anda.
          Warna Merah : Banyaknya Related post yang akan tampil.

     7. Nah ini caranya sobat blogger mudah kan?? SELAMAT mencoba. :) 
Share this article :
+
0 Komentar untuk "Cara Membuat Related Post"

×