Memasang Thread / Reply Comments Blogger di Custom Template
Kita tahu berita terbaru dari blogger soal fitur thread comments mereka (baca: Thread Comments Support di Blogger). Namun, kemudian muncul berbagai pertanyaan dan kebingungan karena thread atau reply comments ini tidak muncul di blog Anda. Seperti kasus tombol share bawaan blogger beberapa waktu lali, kali ini kitapun membutuhkan sedikit penyesuaian pada HTML template kustom. Hari ini saya kembali ke dunia blogging, dua posting datang untuk membantu Anda...
- Login Blogger
- Pilih menu Template -> Edit HTML
- Akan ada peringatan bahwa ini hanya dipergunakan blogger tingkat lanjut. Kalau ngerasa udah lulus SD, klik Lanjutkan :D
- Centang Expand Template Widget
- Cari semua kode seperti di bawah ini:
Selamat! Kini template Custom Anda telah memiliki komentar reply dari Blogger.
Tambahan bagi yang gagal menerapkan perubahan kode simple di atas,
Cari kode berikut ini:
- Catatan: sekedar memudahkan, letak dua kode pertama ada di bagian bawah <div class='post-footer-line post-footer-line-2'> berjarak beberapa baris kode, dan letak kode kedua ada di bawah <div class='post-outer'><b:include data='post' name='post'/>. Gunakan keduanya untuk memudahkan Anda dalam mencari.
- Catatan lagi: Untuk CSS sendiri sudah otomatis ditambahkan oleh Blogger. Anda bisa merubahnya sesuka hati Anda. Untuk memudahkan menemukannya silahkan perhatikan di bagian bawah kode ini: <b:includable id='threaded_comment_css'>. Bagi yang CSS nya belum otomatis ditambahkan oleh Blogger, silahkan backup template kemudian upload lagi.
Semoga bermanfaat, kapan-kapan saya akan datang lagi tentang bagaimana memodifikasi tampilan thread comments blogger ini.
Masih Gagal Juga?
Ada tips mudah banget dari: Kang Ismet <<< Klik untuk baca artikelnya, sekalian di follow, insyaAlloh banyak yang bermanfaat. Berikut caranya:
1. Login Blogger > klik Rancangan -> Design
2. Backup Template Anda (untuk jaga-jaga kalau-kalau terjadi kegagalan),
- Untuk interface lawas, silahkan masuk ke Edit HTML, kemudian klik Download Template Lengkap.
- Untuk interface baru, jangan masuk EDIT HTML dulu, tapi silahkan klik tombol Cadangkan/Pulihkan di bagian kanan atas. Kemudian klik Unduh Template Lengkap.
3. Kembalikan Widget Default,
- Untuk interface lawas, setelah masuk Edit HTML, perhatikan di bagian bawah kiri kotak kode. Klik Kembalikan template Widget Ke Default
- Untuk interface baru, silahkan masuk EDIT HTML, jika ada pesan "hanya untuk tingkat lanjut", silahkan klik Lanjutkan. Kemudian pada posisi yang sama pada kiri bawah kolom kode. Silahkan klik tombol Kembalikan template Widget ke Default.
Wah, simple banget trik ini :D Makasih tambahannya... Semoga teman-teman yang masih gagal sukses dengan cara ini...
Article Information:
- Login Blogger
- Pilih menu Template -> Edit HTML
- Akan ada peringatan bahwa ini hanya dipergunakan blogger tingkat lanjut. Kalau ngerasa udah lulus SD, klik Lanjutkan :D
- Centang Expand Template Widget
- Cari semua kode seperti di bawah ini:
<b:include data='post' name='comments'/>ganti dengan:
<b:if cond='data:post.- Simpan Template Anda...showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
Selamat! Kini template Custom Anda telah memiliki komentar reply dari Blogger.
Tambahan bagi yang gagal menerapkan perubahan kode simple di atas,
Cari kode berikut ini:
akan ditemukan dua kode seperti ini, dan kedua-duanya ganti dengan:<b:if cond='data:blog.pageType == "static_page"'><b:include data='post' name='comments'/></b:if><b:if cond='data:blog.pageType == "item"'><b:include data='post' name='comments'/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if><b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
- Catatan: sekedar memudahkan, letak dua kode pertama ada di bagian bawah <div class='post-footer-line post-footer-line-2'> berjarak beberapa baris kode, dan letak kode kedua ada di bawah <div class='post-outer'><b:include data='post' name='post'/>. Gunakan keduanya untuk memudahkan Anda dalam mencari.
- Catatan lagi: Untuk CSS sendiri sudah otomatis ditambahkan oleh Blogger. Anda bisa merubahnya sesuka hati Anda. Untuk memudahkan menemukannya silahkan perhatikan di bagian bawah kode ini: <b:includable id='threaded_comment_css'>. Bagi yang CSS nya belum otomatis ditambahkan oleh Blogger, silahkan backup template kemudian upload lagi.
Semoga bermanfaat, kapan-kapan saya akan datang lagi tentang bagaimana memodifikasi tampilan thread comments blogger ini.
Masih Gagal Juga?
Ada tips mudah banget dari: Kang Ismet <<< Klik untuk baca artikelnya, sekalian di follow, insyaAlloh banyak yang bermanfaat. Berikut caranya:
1. Login Blogger > klik Rancangan -> Design
2. Backup Template Anda (untuk jaga-jaga kalau-kalau terjadi kegagalan),
- Untuk interface lawas, silahkan masuk ke Edit HTML, kemudian klik Download Template Lengkap.
- Untuk interface baru, jangan masuk EDIT HTML dulu, tapi silahkan klik tombol Cadangkan/Pulihkan di bagian kanan atas. Kemudian klik Unduh Template Lengkap.
3. Kembalikan Widget Default,
- Untuk interface lawas, setelah masuk Edit HTML, perhatikan di bagian bawah kiri kotak kode. Klik Kembalikan template Widget Ke Default
- Untuk interface baru, silahkan masuk EDIT HTML, jika ada pesan "hanya untuk tingkat lanjut", silahkan klik Lanjutkan. Kemudian pada posisi yang sama pada kiri bawah kolom kode. Silahkan klik tombol Kembalikan template Widget ke Default.
Wah, simple banget trik ini :D Makasih tambahannya... Semoga teman-teman yang masih gagal sukses dengan cara ini...
Article Information:
wah... Patut dicoba nih mas :D
BalasHapusThanks ya atas ilmunya diatas .....
silahkan mas semoga suksesss
Hapussayangnya agak berat ya :D
Hapustest--testtt
Hapusmakasih kunjungannya kang
Hapusko susah e. gmna ni kang..
Hapusmulai dari mana step nya,...
hadoooh,.. lama gak bloging bingung e,..
hehe
mungkin salah penggantian code
Hapuslewat fb aja ya mas
facebook.com/masdoyok
TEST COMENT
Hapussaya kok ngga bisa mas ! =="
Hapussasas
HapusMakasih banyak sekali tutorialnya... bermanfaat sekali :D
Hapus@Adith68
BalasHapussilahkan dieksekusi hehehehe :D
udah saya coba fitur baru blogspot ini..
BalasHapuskyknya perlu edit2 lagi nih, related post saya ngga muncul, tapi udah saya benerin, percantik lagi pake css, terus benerin waktu komentar yg ngga cocok sama WIB, dan masih banyak edit2 lagi :D
makasih kang infonya ;)
iya waktunya gak cocok :D mesti di uprekkk
HapusGimana tuch cara benerin waktunya ??
Hapusbelum tauuu.... belum nemu solusi :'(
Hapusiya belum tahu :( mungkin dicopot dulu aja yak hehehehe :"D
HapusSetiap template memiliki masalah yang berbeda, untunglah punya ku sudah aman Mbah
BalasHapusiyaa kang makin custom makin rumit makin mumet hahahaha
HapusBisa di coba gan :)
Hapustrimss mbah langsung di post hehe. tinggal dihalusin aja nih desainnya
BalasHapusdi blog ini sudah pakai gaya berbeda mbah hehehe :D
Hapushehe punya saya juga udah jadi , enak banget pake ini ringan + mudah buat reply , karena komen yg pake reply lainnya kan harus Pop-Up kotak komentarnya.
Hapusada @media responsivenya juga ternyata , makin mantap nih blogspot
Hapusmedia responsive apa mbah?
Hapuskolom komentarnya juga keren, facebook banget :D
BalasHapusbaru aja rampung dieksekusii kang hehehehe :D
HapusSepertinya gak suskses di template ku ... hiks... lom sempet uak atik
BalasHapusdi tunggu tutorialnya aja hehe
Hapustutorial yang apa kang?
HapusTernyata beda ya dari punya aku...
BalasHapusTapi nggak apa-apa, terima kasih infonya mbah !
ya ini bawaan blogger kang :D kita tunggu perkembangannya, saya lebih suka ini ketimbang yang hack, siapa tahu bakal ada fitur terbaru lagi...
Hapushemm kodenya gak sama di tempatku hiks", harus berusaha lebih keras lagi neh hehehehehe
BalasHapuscari yang mirip mirip kang :D
Hapussemoga segera disusul vote up down di komentar blogger ini yaaa "D
hwii.. ternyata unutk custom template musti ada tambahan macem-macem yaaa...
BalasHapuskotak komennya lucu. hihi. salan kenal mas Doyok :)
salam kenal juga mbakk :D
Hapusmakasih kunjungannya
Mbah tak pake Css mu, lagi males hadapi template hehhe
BalasHapussilahkan kang :D hehehe
HapusOke thank Mbah..
BalasHapussippp kang semoga bermanfaat :D
Hapuscuman bisa 2x reply doang...LoL
BalasHapusYang parahnya, ada beberapa hack yg tidak berjalan bila kita menerapkan threaded bawaan blogger ini ;)
Cek di blog aku :D
iyaaa kita tunggu kesempurnaan sama vote up vote downnya kang
Hapusane udah post ini dari kemrain setelah baru aja diluncurin lo ben wkekekeke
Hapusmakasih mas doyok atas tutorialnya
BalasHapusSalam Kenal dari
Newest Download
salam kenal juga mas
Hapusmakasih kunjungannyaa
Great Job!!!
BalasHapusThank you!!!!!!
Komentar ini telah dihapus oleh pengarang.
HapusI did my changes this way:
Hapus1) Change
<b:include data='post' name='comments'/>
to
<b*:include data='post' name='comments'/>
2) Change
<b*:include data='post' name='comments'/>
to your code
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
Thanks again,
Svetlana
youre welcome :D
Hapusll back later... :D
mantappp kang :D
BalasHapusppunya saya sudah berhasil, tapi kenapa tulisan di komentar jadi kecil ya?
BalasHapuscss nya disesuain mass
HapusBelum nyoba ini nanti ane coba... :)
BalasHapussipp kang :D ntar dicoba aja, semoga sukses
HapusGag berhasil di template saya mbah :(
Hapuslewat fb aja mas,
Hapusmungkin mas salah masukin kode
facebook.com/masdoyok
om doyok ko reply komentarnya kagak mucul ya
BalasHapuskonsultasi lewat fb aja mas
HapusAlhamdulillah kang, punya saya bisa. Thanks.
BalasHapussipp kang kalau begitu :D
HapusIni yang ane cari dari dulu sob. haha maklum gak tau keyword-Nya. Maklum juga katrok! wkwkk Thanks sob share-Nya. Ctrl+D dulu ah.
BalasHapussemoga sukses aja deh kang :D
HapusMantap... jempol buat mas doyok
BalasHapusSIIP kang, makasih ya kunjungannya, kempoll balikkk
HapusSatu lagi mas... ternyata settingan jam masih ngaco.. komentar saya ini 8:11 PM.. ga tau munculnya jam berapa.. :)
BalasHapusiya yg ini saya jg masih pusing hahaha
Hapuscoba tests lagi 8:32 PM
BalasHapusTambahan mas, saya sudah buat tutorial Cara Mudah Measang Thread Comments Blogger
BalasHapusCekidooot... :)
wah makasih banget mas,
Hapusternyata simpe bageet :D
monggo silahkan yang ini dicobaa
ntah kenapa di template ku ketika klik balas gak ada respon apa-apa
BalasHapuskira-ira masalahnya apa ya mas.....
nah, saya juga ngalamin hal yg serupa..
Hapuskayaknya Javascript:; nya nih..
ada solusi gk mas doy??
Baru berkunjung lagi... baru pulang dari bandung :) thanks mas udah dimuat di artikelnya.
BalasHapussukses kang, tapi jadi berantakan templatenya :D
BalasHapuskudu rancang2 lagi nih..
Makasih banyak Mas,ijin diserap tipsnya kawan.Happy weekend and happy blogging.
BalasHapushoreeee saya berhasil ngerombaknya...
BalasHapustapi kokk malah jadi bejad ya tampilannya (acak*an)
blom ada yg berhasil om,,,otak gue makin kusut!! maklum pemula
BalasHapussudah bisa kang... Thanks.
BalasHapuscara yang terakhir jitu kang... hehehehe...
BalasHapusya iyalah ndrooo.. gila lu ndroo.. :D (kasino mode is On)
Hapuskalo udah make reply komen kayak gini, tiap load blog udah selesai mesti langsung ke arahkan kolom komentar.. jd gk kayak yg dulu masih bisa baca2 artikelnya, baru komen, ini malah komen dulu baru baca postingan.. haha, kebalik
BalasHapussalam kenal,
BalasHapuspakai cara terakhir, soalnya keduanya gak bisa. haha
awalnya cara pertama gak bisa, tapi mungkin mas doyok kurang kasih info aja...
BalasHapuskasih tahu aja, kalo kode yang pertama itu mungkin lebih dari satu... pas saya search lagi kode di template saya, eh... malah ada empat kode yang mesti diganti... :D
mantap mbah...
BalasHapuslangsung diterapin di blog ane.
cuma ane mh goblok soal cssnya, jdi default gto aja. hehe
kenapa engga dari kemarin ane nemu nih artikel. sempet muter-muter lama :)
BalasHapusKembali mencoba dan kembali berhasil..
BalasHapusMakasih...
wah makasih sob akhirnya berhasil :D
BalasHapusAbsen malam
BRHASIL GAN... LIHAT D BLOG SYA GAN...
BalasHapusthx, sudah bisa.
BalasHapustesting
BalasHapusMakasih infonya mas..
BalasHapusWah, bagus bngt mas, saya akn coba..:)
BalasHapusApabila ada yg ingin m'buat website gratis dgn domain com;net;org, silakn kunjungi link brkt ini: http://www.FreePremiumDomain.com/?r=548712
Soal'a saya butuh 16 refferal utk m'buat website'a..:)
Atas perhatian'a saya ucapkn terimakasih.
halo gan,
BalasHapustetap semangat tinggi ya untuk jalani hari ini ! ditunggu kunjungannya :D
wahhh,gagal semua mas...ada yang lain gak.?
BalasHapushahaha.... gagal semua...
BalasHapusmungkin waktunya ganti template blogspot...
tapi trims infonya...sukses selalu mas...
Sya sudahmncoba cara yag ke-w, dan ternyata bersahsil Kang.. :)
BalasHapusTerimakasih
mantab mas,,, tapi kalo tampilan default blogger udah ada gituanya kok mas
BalasHapuskalo udah ganti templete yang bukan bawaan gimana ya gan.. apa ini masih bisa..
BalasHapusterima kasih masdoyok, saya sudah coba dan berhasil.
BalasHapusakhi.nya ketemu jga cara bkin tombol reply tanpa ke new window/new tab.
BalasHapusoiya klo mw ganti tulisan "balas" nya jadi "reply" gmna ya mas.?
terimaksih Gan, alhandulillah berhasil.
BalasHapussama samaaa :D
Hapusakhirnya setekah 2 hari ganti kode tapi gagal terus dan gagal terus, akhirnya berhasil juga setelah baca akhir postingan ini. Cuma tinggal klik kembalikan template widget ternyata, simple banget .__.
BalasHapusdan akhirnya berhasiil, makasiih ya mas ^^
sama samaa :D
Hapus