Tutorial Cara Membuat Related Post atau Artikel Terkait Blogspot

Rating: 4.9
Bagaimana cara menambahkan Related post atau related post dalam blog? ikuti cara berikut ini: 


  1. Cari menu Layout Edit HTML di Dashboard blog anda.
  2. Back up Template template anda sebelum mengubah HTML untuk menjaga agar template bisa dikembalikan jika ada kesalahan! KlikDownload Full Template.
  3. Jangan lupa centang (tandai) "Expand Widget Templates".
  4. Carilah kode </head>
  5. Tambahkan kode dibawah ini persis sebelum </head> 
    <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://sites.google.com/site/rhakateza/rss.png") 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='https://sites.google.com/site/rhakateza/p/Related_posts.js' type='text/javascript'/>
  6.  Sekarang carilah <data:post.body/>. atau pada beberapa template sering dipakai kode <div class='post-body> atau<data:post.body/>
  7. Tambahkan kode berikut ini dibawah kode yang anda cari diatas:
  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. Sekarang save template dan kita sudah selesai menambahkan widget related post pada blogspot.
  10. Tambahan: Untuk mengubah jumlah postingan yang tampil di Related Post, rubah angka max-result pada langkah ke 7 dengan jumlah post yang anda inginkan, contoh:
    max-result=7
    Semoga bermanfaat :) 

17 comments on Tutorial Cara Membuat Related Post atau Artikel Terkait Blogspot :

Cara Mengobati Gagal Ginjal Secara Tradisional said... on 10 February 2012 at 11:02

iya,,itu namnya related post ya,,sempat pengen nyari,,buat blog ku,,terima kasih gan

Obat herbal Sakit Pinggang said... on 10 February 2012 at 15:51

thanks infonya yaa gan :D

obat herbal liver empedu said... on 10 February 2012 at 16:14

good article :)
kunjungan balik ya gan :)

Obat tradisional darah tinggi said... on 10 February 2012 at 16:18

nice post :)
thanks infonyaa ya..

obat herbal infeksi saluran kemih said... on 10 February 2012 at 16:20

thanks nih, tambah ilmu :D
salam kenal yaa ..

obat herbal kanker payudara said... on 10 February 2012 at 16:22

artikel yang menarik :)
thanks infonya..
saya baru tahu nih, hehehe

yangyang-perdianto said... on 10 February 2012 at 22:13

ah mau saya praktekin tapi artikel diatas tidak bisa dicopas,bagaimana saya masukin kodenya kalau gitu

Owner said... on 11 February 2012 at 05:53

@yangyang bisa di copas mas pakai keyboard ctrl+c

khasiat manggis said... on 11 February 2012 at 13:44

makasih atas semua infonya,,,,

cara pengobatan stroke said... on 11 February 2012 at 13:45

mantepp gan infonya,,

cara pengobatan kanker kelenjar getah bening said... on 11 February 2012 at 13:48

artikelnya menarik gan,,,,,,,,,,

cara pengobatan kanker prostat said... on 11 February 2012 at 13:54

okee,,,,
makasih atas infonya,,,,

cara pengobatan kanker usus said... on 11 February 2012 at 13:56

kongkrit gan,,,,

penyembuhan jantung said... on 11 February 2012 at 14:01

siiipt lahhh,,,

penyembuhan kanker payudara said... on 11 February 2012 at 14:02

sangat signifikan,,,,,

Hendru Toriyamariko said... on 19 February 2012 at 11:03

gan, ada cara buat related postnya ada gambar thumbnail nya ?

Anonymous said... on 24 March 2012 at 20:20

@hendru pake linkwithin aja

Post a Comment

Terima kasih sudah berkunjung di daftar blog dofollow backlink / daftar blog backlink - DBB.
Bila ada pertanyaan atau sekedar berkomentar silakan tinggalkan pesan dibawah ini, dilarang mencaci maki orang lain sebelum mencaci diri sendiri :P

Caution!

No Smoking, Drugs, and Alcohol!
....................../´¯/)
....................,/¯../
.................../..../
............./´¯/'...'/´¯/`
........../'/.../..../....././¨¯\
........('(...´...´.... ¯~/'...')
.........\...................'..../
..........\...................../
............\................/


Dofollow


pin 5875A910
↑ TOP ↑

Komentar Baru