18 Jul 2011

Related Post tanpa Label


Dari sekian banyak tips yang pernah kami coba, masalah yang muncul biasanya Related post selalu dikelompokkan berdasarkan label. Jika anda ingin related post hanya menampilkan Judul-judul posting yang 'Tanpa Label', berikut caranya
  1. Buka menu Layout kemudian pilih Edit HTML
  2. Beri tanda centang pada cekbox “expand template widget”
  3. Gunakan Ctrl F pada keyboard komputer anda untuk mencari kode ini ]]></b:skin>
  4. Setelah ketemu letakkan kode berikut diatasnya:
    #related-posts { float : left; width : 250px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; }
    #related-posts a{ color:#0000CC; }
    #related-posts a:hover{ color:#ca1717; }
    #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 { margin : 10px 5px 5px 20px; padding : 0; }
  5. Lalu cari kode </head> dan letakkan kode berikut diatasnya:
    <script src='http://idienjava.googlecode.com/files/Related-posts.js' type='text/javascript'/>
  6. Kemudian cari kode <p><data:post.body/></p> atau <data:post.body/> (Jika ada dua kode, pilih yang pertama). Lalu letakkan kode berikut dibawahnya:
    <div id='related-posts'>
    <div style='font-size:18px'><b>Related Posts:</b></div>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'/>
    <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>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </div>
    Teks Related Post dengan selera anda. Ganti angka 5 dengan jumlah posting yang anda ingin untuk dimunculkan

  7. Save Template
Demikian tutorial tentang cara membuat related post tanpa label, semoga artikel ini bermanfaat, jika masih menemui kesalahan silahkan tinggalkan komentar
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:

4 komentar:

Anonymous mengatakan... at 16 Agustus 2011 pukul 17.21

bagus sih.. tapi malas ah..klo pake script bginian, dienjava.googlecodedotcom..

Job Vacancy mengatakan... at 5 September 2011 pukul 23.22

Nice info gan, saya coba nih..

Idin Rohidin mengatakan... at 18 September 2011 pukul 21.46

job@ silahkan... bila masih menemui kesulitan kasih komen lagi ya...

Idin Rohidin mengatakan... at 6 Oktober 2011 pukul 12.41

@Anonim: memang harus disimpan di google code sob, supaya tidak berat waktu loading...

Posting Komentar