Home » Tips Blog » Cara Membuat Related Post pada Blogger

Cara Membuat Related Post pada Blogger

Advertisement
Update : apabila kode tidak bekerja silahkan baca trik related post blogger part 2

Kali ini kartolocyber akan berikan blogspot tutorial tentang cara membuat related post pada blogger yang beda dari yang lain. Tentunya anda semua sudah sangat mengerti apa manfaat related post pada blog anda. Ya, untuk meningkatkan pageviews blog anda saat pengunjung datang membaca artikel anda. Disini related post berguna untuk menarik pengunjung berdasarkan artikel yang mereka baca yang berkaitan dengan kategori artikel itu. Atau biasanya disebut "related post by category". Tutorial cara membuat related post pada blog kali ini memang sengaja saya buat, karena ada blogger yang me request tutorial ini. Kebetulan saya sudah mencobanya pada blog saya ini dan memakainya sampai sekarang. Script related post ini memang saya taruh tidak jauh dari footer artikel, dikarenakan pengunjung afar bisa lebih mudah melihatnya.

Baiklah, langsung saja, inilah tutorial blog, cara membuat related post pada blogger. Ikuti petunjuknya:

Step - By - Step tutorial related post:

  • Login pada akun blogger anda.
  • Pergi ke Tata Letak > Edit HTML.
  • Bila anda takut terjadi error, template bisa anda backup lebih dahulu.
  • Pastikan centang "Expand Widget Templates".Cari tag pada script template anda.
  • Tambahkan kode ini sebelum tag tadi.

  • Selesai. Simpan Template anda.

*Perhatian:

1. Untuk mengubah tampilan jumlah related post, anda bisa mengganti sendiri max-results=10 menjadi max-results=5 dan lain - lain.

2. Untuk mengubah gambar bullet ini dengan gambar lain yang anda suka dengan ukuran 16x16 pixel.

3. Anda juga bisa mengubah sendiri kode warna pada CSS tadi dengan warna yang sesuai dengan blog anda.

Demikian blog tutorial related post dari kartolo. Semoga bisa bermanfaat bagi blog kawan - kawan sekalian. Bila ada pertanyaan, langsung saja komen. Apabila ada kesalahan silahkan anda ralat, karena saya menerima kritik dan solusi dari kawan - kawan semua terkait hal yang saya tulis dalam blog saya ini.

Semoga bermanfaat,
Posted by at 11:00 AM
Labels:
Advertisement
Cara Membuat Related Post pada Blogger | KartoloCyber | 5

49 comments:

  1. alfonJanuary 19, 2010 at 4:50 PM

    wah saya praktekan untuk web blogspot saya mas :) thank for sharing ya mas salam kenal

    ReplyDelete
  2. Afoed'zJanuary 20, 2010 at 1:49 PM

    ciip....

    tukeran link yuk...

    www.afoed99.blogspot.com

    Thanks

    ReplyDelete
  3. fetoJanuary 22, 2010 at 4:40 PM

    nice posting mas...salam kenal...^_^

    Library STMIK Jakarta

    ReplyDelete
  4. Diponegoro AdventureJanuary 25, 2010 at 11:41 AM

    Ada yang lebih mudah lagi gak?
    biar langkah2nya sudah sangat menuntun tapi rasanya kok malas ya ngutak-ngatik HTML hehehe

    Ya mungkin nanti kalo udah ada niat ngutak-ngatik HTML dan tentunya waktu.

    ReplyDelete
  5. UnknownJanuary 26, 2010 at 2:28 PM

    thx banget gan.... u r the man!!! :D

    ReplyDelete
  6. TechnoJanuary 30, 2010 at 12:25 AM

    tukeran link boss
    http://technolike.com

    ReplyDelete
  7. Free Manga DownloadFebruary 2, 2010 at 11:35 AM

    Mas, salam kenal

    mau tukeran link

    nama : Free Manga Download
    link : http://MyFreeMangaDownloadCollection.blogspot.com

    Link mas sdh saya tambah di Friends Link list, tolong link balik nya..

    makasih

    ReplyDelete
  8. caracariuang-gratis.co.cc/March 14, 2010 at 8:36 AM

    makasih yagh mas...
    uda berhasil nih saya praktekin s

    ReplyDelete
  9. auroraMay 27, 2010 at 3:38 AM

    kok ga keluar posting sebelumnya di related post nya .. malah keluar tag nya .. hihihihi .. padahal udah sama kaya tuntunan .. kenapa ya .. theme ga mendukung?

    ReplyDelete
  10. Small Business StartingMay 30, 2010 at 3:31 PM

    saya kemarin pakai tutorial diatas, tapi nggak nongol mas, yang nongol cuma tulisan "related Post", sedangkan 5 buah link nya nggak nongol di bawah tulisan "related post" tsb, mungkin template saya tidak mendukung.

    Ada tutorial lain (pada blog: marchsya.blogspot.com), pada tuturial beliau, saya lihat tidak perlu di kasi kode sebelum tag "< / head >", langsung aja kode di taruh di bawah "< data:post.body / >", dan nampaknya dapat bekerja dengan baik pada tempalte saya.
    Mungkin masing-masing template memiliki karakteristik yang berbeda. panduan pada artikel berikut, cocok untuk template saya;

    marchsya.blogspot.com/2009/05/cara-membuat-related-post-pada-blog.html

    -------------

    ReplyDelete
  11. Indonesian lawJuly 9, 2010 at 10:24 AM

    Sdh sy coba tutorialnya, tp kok g nongol ya.... Apa yg salah dg template sy, Pak?

    ReplyDelete
  12. Citro MduroAugust 14, 2010 at 3:03 AM

    trims bro informasinya

    salam kenal dari pamekasan madura

    ReplyDelete
  13. la tahzanSeptember 21, 2010 at 12:22 PM

    ok sob..
    btw link sudah ane pasang
    dicek ya ke tkp :))

    ReplyDelete
  14. ryanSeptember 25, 2010 at 7:22 PM

    terima kasih mas infonya saya senang dan info yang diberikan

    ReplyDelete
  15. Surya ErlanggaNovember 8, 2010 at 4:12 AM

    terima kasih infonya...tukar link mas...

    ReplyDelete
  16. diexXxNovember 15, 2010 at 12:59 AM

    ane sdh ikuti smua ptunjuknya mas, tapi masih gax bisa2...
    gimna tuh..
    ane buth pencerahan..
    :D

    ReplyDelete
  17. H.susantoDecember 13, 2010 at 12:26 AM

    sama nih qw juga g nongol malah judul labelsny aja. ya binggungdeh!

    ReplyDelete
  18. UnknownJanuary 3, 2011 at 8:59 PM

    ga berhasil...ternyata ga ngefek ke blog saya

    ReplyDelete
  19. Nya' NanaFebruary 11, 2011 at 12:13 PM

    saya gak nemu kode <div class='post-body> atau yg seperti itu. semua kodenya bener2 beda. Gimana ya? Any suggestion??

    ReplyDelete
  20. AnonymousMarch 3, 2011 at 2:32 PM

    Makasih kang, postingannya sangat membantu...

    ReplyDelete
  21. YohandiMarch 31, 2011 at 5:09 PM

    akhirnya ketemu yang betul-betul meyakinkan.........

    ReplyDelete
  22. UnknownMay 6, 2011 at 4:55 AM

    mantap gan, tanks infonya.

    ReplyDelete
  23. UnknownMay 22, 2011 at 6:45 PM

    ooops! trims infonya mas...!
    kabar2 ya klo ada yang lain..!
    Nitip mas..! http://www.komunitasislam.co.cc

    ReplyDelete
  24. BoeztanoelJune 5, 2011 at 3:31 PM

    Maknyuz gan.,., bermanfaat bgt!! Tq

    ReplyDelete
  25. UnknownJune 6, 2011 at 7:55 PM

    mas ko di blog saya blum bisa tampil ya....kira2 masalahnya apa....

    ReplyDelete
  26. FatraJune 8, 2011 at 7:04 PM

    idem sama @aurora :D
    yg keluar malah labelnya bukan judul dari label tersebut. hehehe

    kayanya banyak yang senasib nih :D

    ReplyDelete
  27. AdminJune 16, 2011 at 11:08 PM

    thanks sobat, atas info bergunanya

    ReplyDelete
  28. Di MariaJune 25, 2011 at 11:41 PM

    punya saya juga ga muncul mas...?
    http://haydibeyler.blogspot.com/

    ReplyDelete
  29. QJuly 5, 2011 at 11:39 AM

    saya udah coba tapi kok tidak bisa

    ReplyDelete
  30. Informasi Lowongan KerjaJuly 17, 2011 at 8:59 PM

    thanks infonya, kang

    ReplyDelete
  31. KaffahJuly 28, 2011 at 4:59 PM

    wah msih bingung gan mslahnya aku hrus ngehapus related post yg lama(yg gagal)....jadi pas Copas gagal melulu..gan
    tolong kasih tau ok..
    mkasih
    Tuker link gan... http://deeqmujadid.blogspot.com

    ReplyDelete
  32. yahyaJuly 29, 2011 at 4:57 PM

    Thank ni ya mau ku coba

    ReplyDelete
  33. Agus PrasetyoAugust 3, 2011 at 9:54 AM

    makasih,,,

    kartolocyber.blogspot.com


    kunjungi kami

    http://newhomemoderndesign.blogspot.com/

    ReplyDelete
  34. Info NewsAugust 14, 2011 at 3:06 PM

    sy udah coba kok g bisa y om?
    pas cari kode ada 4 biji,trs taruhnya yg mana ya?sy bingung nih masih newbie

    ReplyDelete
  35. MR. 24August 17, 2011 at 6:57 AM

    tukaran link....makasih ya!

    ReplyDelete
  36. Rajanya TutorialSeptember 6, 2011 at 9:36 PM

    thank you very much...please follow my site.....???okay

    ReplyDelete
  37. UnknownSeptember 9, 2011 at 11:25 PM

    Saya menawarkan Jasa Cepat Pembuatan Akun Google Adsense. Pengerjaan Max 1-2 hari. Pembayaraan dilakukan setelah akun Google Adsense jadi. Jika berminat silahkan kirimkan data-data anda via SMS ke nomor 085729006098 untuk bisa kami proses.Terima Kasih

    ReplyDelete
  38. BLOGGER MARSSeptember 15, 2011 at 12:04 PM

    matur nuwun

    ReplyDelete
  39. UnknownSeptember 18, 2011 at 8:40 AM

    wahhh. sangat bermanfaat sekali artikelnya mas.. tingkatkan. saya sendiri baru memulai blogging. (newbie) hhe


    Kumpulan kata-kata mutiara cinta dan bijak

    ReplyDelete
  40. XboxOneConsoleSeptember 18, 2011 at 8:11 PM

    kok option related postnya nggak keluar ya? btw tukeran link yuk
    http://my-xbox360.blogspot.com

    ReplyDelete
  41. Adi PurnamaSeptember 21, 2011 at 2:41 PM

    Thx bgt infonya mas...
    kunjungi juga ya blog saya..
    http://adi-sabit.blogspot.com

    ReplyDelete
  42. UnknownSeptember 23, 2011 at 11:21 PM

    makasih bos buat tutornya.
    kunjungan awal,salamkenal boleh kan tuker link

    anchor : joyodrono
    Url : http://joyodrono-cahmabung.blogspot.com

    link mas kartolo udah saya psang di blogroll

    ReplyDelete
  43. adminOctober 6, 2011 at 12:30 PM

    Terima kasih tipsnya bro, ane baru buat ne..
    numpang link ya mas bro...
    www.clickbank-store.blogspot.com

    ReplyDelete
  44. semar dudukOctober 13, 2011 at 9:12 PM

    makasih pak kartolo ciber
    mohon maaf tanpa ijin saya numpang link.
    http://rahasiapriaperkasa.blogspot.com

    ReplyDelete
  45. UnknownOctober 24, 2011 at 8:54 AM

    trimakasih infonya jadi bisa buat related post ni... http://mbahyar.blogspot.com

    ReplyDelete
  46. sayaOctober 25, 2011 at 11:50 PM

    This comment has been removed by the author.

    ReplyDelete
  47. sayaOctober 25, 2011 at 11:53 PM

    makasih banget atas infonya Pak Kartolo, ternyata widget related post disini lebih menarik.mohon ijin untuk dipraktekin di blog saya ya Pak Kartolo.

    http://rumahobattradisional.blogspot.com

    Namun saya anak baru belajar...

    ReplyDelete
  48. OMezzoOctober 29, 2011 at 2:00 PM

    tukaran link y mas. hehe
    http://gugahhati.blogspot.com/

    ReplyDelete
  49. AnonymousDecember 31, 2011 at 5:37 PM

    thanks atas bantuannnya brow...

    ReplyDelete