Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II) - Hallo sahabat PERSIB BANDUNG, Pada Artikel yang anda baca kali ini dengan judul Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II), kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel tutorial, Artikel tutorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II)
link : Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II)

Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II)

Tips menampilkan ‘Artikel Terkait’ atau ‘Related Posts’, kebanyakan memuncukan nama kategori/label. Jika anda tidak ingin menampilkan kategori/label pada ‘Related Posts’ (Tampilan artikel tetap berdasarkan label, hanya nama label disembunyikan), berikut caranya :

1. Buka menu Design/Rancangan kemudian pilih Edit HTML.

2. Beri tanda centang pada ‘Expand Template Widget’

3. Cari kode ini ]]></b:skin>

4. Salin script berikut di atas ]]></b:skin> :

#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; } 

Catatan : Kode warna biru dapat diganti sesuai selera anda.

5. Lalu cari kode </head> dan letakkan script berikut di atasnya:

<script src='http://infobege.googlecode.com/files/Related-posts.js' type='text/javascript'/>

6. Kemudian cari kode <data:post.body/> (Jika ada dua kode, pilih yang pertama). Lalu letakkan kode berikut di bawahnya:

<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>

Catatan : Teks Related Posts: dapat diganti sesuai keinginan anda, misalnya dengan Artikel Terkait:. Ukuran huruf 18px juga bisa diubah sesuai kebutuhan. Ganti angka 5 dengan jumlah posting yang ingin anda tampilkan.

7. Save Template.

Demikianlah Artikel Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II)

Sekianlah artikel Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II) kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II) dengan alamat link https://persibcirebons.blogspot.com/2011/08/cara-menampilkan-terkait-atau-posts.html

Tweet