Saturday, March 24, 2012

Kumpulan Blogger Thread Comment Hack

Berikut ini adalah beberapa tutorial Blogger Thread Comment Hack yang berhasil Saya kumpulkan dari hasil penelusuran. Jika Anda tidak bisa mengaktifkan fitur thread comment pada tema Blogger Anda, tutorial-tutorial berikut ini mungkin bisa menjadi alternatif:

Shams’ Blog

Blogger Thread Comment System Hack

Saya tidak begitu familiar dengan ini, tapi sepertinya ini adalah versi pertama dari sekian banyak versi tutorial modifikasi komentar Blogger. Sangat jelas jika Anda melihat dari tanggal penerbitan postingnya:

Tutorial & Demo

Artisteer Tutorials

Blogger Thread Comment System Hack

Ini adalah versi yang Saya pakai, karena beberapa kali Saya mencoba metode lainnya, ternyata tetap tidak berhasil. Beberapa alasan yang paling masuk akal mungkin karena di sini Anda harus mengedit keseluruhan kerangka daftar komentar pada tema sehingga masalah ID, kelas dan susunan kerangka komentar tidak akan mempengaruhi:

Tutorial & Demo

bX-NicoNico

Blogger Thread Comment System Hack

Versi paling aman diantara sekian banyak tutorial, karena beliau menggunakan metode yang sama dengan cara kerja fitur thread comment dari Blogger. Pastikan saja Anda tidak salah paham dengan bagian ini. Mohon dibaca dengan teliti:

 ... here comes the current code 
 ... that is in the tema 
 ... that generates the comments
 ... and what we won't touch

Tutorial & Demo

Yet Another Blogger Tips Blog

Blogger Thread Comment System Hack

Versi ini adalah versi termudah dalam hal instalasi, hanya saja tutorial ini memiliki satu keterbatasan. Saya sempat memeriksa kode dalam tutorialnya dan Saya bisa memutuskan bahwa modifikasi ini hanya bekerja untuk tema blogspot dengan kerangka komentar seperti ini:

<dl class='avatar-comment-indent' id='comments-block'>
  <dt class='comment-author'>
    <div class="avatar-image-container vcard"> ... </div>
  </dt>
  <dd class='comment-body'> ... </dd>
  <dd class='comment-footer'> ... </dd>
</dl>

Selain itu tidak bisa. Kecuali jika Anda bisa mengedit selektor-selektor dalam script tersebut:

Tutorial Demo

VNBlogspot

Blogger Thread Comment System Hack

Ini adalah versi tutorial yang Saya ketahui sebagai dasar dari pengembangan dalam beberapa tutorial pada blog Artisteer Tutorials (beliau sempat membicarakan blog tersebut dalam salah satu tutorialnya):

Tutorial Versi Inggris Demo

VinaLuv

Ini adalah hasil karya baru dari VNBlogspot. Saya bisa mengatakan bahwa ini adalah sistem thread commenting terbaik meskipun masih dalam tahap pengembangan, karena saat kita mengeklik tombol Balas, kita tidak akan melihat pop-up window lagi seperti versi sebelumnya. Jika Anda tidak suka dengan pop-up window yang tapil pada sistem thread commenting versi sebelumnya, Anda bisa menggunakan ini:

Tutorial Demo

Labels: ,

52 Comments:

At Saturday, March 24, 2012 at 6:04:00 PM GMT+7, Blogger MUX SPARROW said...

Salam alaikum, Mas Bro Taufik..
saya dapet musibah nih.. :'( ceritanya 2 bulan kemaren saya edit ulang template yang sedang dipake. Saya modif habis2an template di blog percobaan (palai 5 sistem komentar: blogger,FB, twitter,disqus, en intensedebate, plus emotikon segala. Udah jadi sempurna di blog qnetborneo.blogspot.com

eeh..taunya pas diupload ke blog asli ane.. komentarnya sama sekali gak mau muncul... bahkan waktu dibalikin ke template smula.. semua komen di disqus lama gak mau muncul juga.. kosong tanpa komentar. seperti blog baru kemaren bikin.. :'( {semua setingan komentar udah dicek, tapi gada perubahan.. }

Akhirnya ane pake sistem komentar baru aja sekalian {livefyre}.. itu pun blom maksimal sistem sharenya.. :'(

Bisa beri saran, Gan?? :(

 
At Saturday, March 24, 2012 at 6:15:00 PM GMT+7, Blogger Taufik Nurrohman said...

@MUXLIMO Sudah pernah coba mengeklik Kembalikan template widget ke default ?? (Tapi jangan lupa dibackup dulu).

 
At Saturday, March 24, 2012 at 6:27:00 PM GMT+7, Blogger Sinto said...

banyak juga mntapp deh bang

 
At Saturday, March 24, 2012 at 7:21:00 PM GMT+7, Blogger MUX SPARROW said...

@Taufik Nurrohman

oh, belum, Gan.. :D segera saya coba.. tapi setelah itu coba upload ulang file xhtml yang udah diedit ya?

ini baru gak sengaja ketauan, kalau di postingan yang Melihat Tuhan tampilannya muncul sempurna. tapi di tempat lain gak muncul..

btw, makasih, Gan sarannya. segera dites.. {maaf ngerepotin nih} :p

 
At Saturday, March 24, 2012 at 8:20:00 PM GMT+7, Blogger Galih Tandicha said...

Thanks om infonya , keren nih Blognya ^_^

 
At Saturday, March 24, 2012 at 10:26:00 PM GMT+7, Blogger Belajar CorelDRAW said...

Mantap sob.. Finally,berhasil nich oprek2 template saya. Thank's for shared..

 
At Saturday, March 24, 2012 at 10:29:00 PM GMT+7, Blogger Unknown said...

coba satu-satu dulu mas :)

 
At Sunday, March 25, 2012 at 7:48:00 AM GMT+7, Blogger MUX SPARROW said...

@MUXLIMO

udah dicoba default widget.. masih gak berfungsi, Gan.. :'(

 
At Sunday, March 25, 2012 at 8:10:00 AM GMT+7, Blogger Taufik Nurrohman said...

@MUXLIMO Logika paling sederhana:

Kalau semuanya gagal/tidak berfungsi, kenapa tidak memulai dari awal lagi?

Hapus semua pengeditan yang lama, lalu mulai dari awal lagi.

 
At Sunday, March 25, 2012 at 8:28:00 AM GMT+7, Blogger Taufik Nurrohman said...

@MUXLIMO Saya cek lagi jadi kok :\

 
At Tuesday, March 27, 2012 at 7:35:00 PM GMT+7, Blogger MUX SPARROW said...

@Taufik Nurrohman

Iya, Gan.. tapi komen yang masuk gak muncul.. padahal saya seting gak pake moderasi. Mustinya langsung publish..

sekarang terpaksa edit ulang lagi :'( btw, makasih, Gan.. tar kalo template ane udah waras, ane lapor *gak penting :D

 
At Friday, April 27, 2012 at 5:39:00 AM GMT+7, Blogger Sinto said...

bang saya pengen nerapin yang VinaLuv tapi ERROR gimana donk. . ?

 
At Friday, April 27, 2012 at 11:18:00 AM GMT+7, Blogger Taufik Nurrohman said...

@system of blog Errornya bagaimana? Muncul teks peringatan atau tidak tampil??

 
At Thursday, May 24, 2012 at 4:05:00 AM GMT+7, Blogger Unknown said...

om saya mau tanya .. kenapa komentar saya di page static gak muncul.. settingnya gimana om.. cuman muncul di item doang.. =p*

 
At Thursday, May 24, 2012 at 10:17:00 AM GMT+7, Blogger Taufik Nurrohman said...

@Denddy Gustiana Pada setelan halaman, pilih Izinkan Komentar

http://2.bp.blogspot.com/-_wQmnYRlstY/T72oJal-lzI/AAAAAAAACvE/rPWHBXvAKOA/s1600/izinkan-komentar.png

 
At Friday, June 8, 2012 at 4:52:00 PM GMT+7, Blogger Febbiez said...

ikut...

 
At Thursday, June 21, 2012 at 8:26:00 PM GMT+7, Blogger damas amirul karim said...

mas di blog saya baru nyoba yang "Artisteer Tutorials" , tapi gambar profilnya kok tidak keluar ya? mohon bantuannya mas.

 
At Sunday, June 24, 2012 at 8:19:00 AM GMT+7, Anonymous Anonymous said...

mantabh gan saya coba yg artistutor hehehehe

 
At Sunday, July 8, 2012 at 3:34:00 PM GMT+7, Blogger Taufik Nurrohman said...

@damas amirul karim Yang punya blog saja nggak tahu apalagi Saya :'(

 
At Tuesday, July 10, 2012 at 10:32:00 AM GMT+7, Blogger Bakteri said...

Bg taufic..! ane kok makin hancur nie template :'( mana lagi tempate buatan sendiri..! lupa dibackup pula ~x( harus gimana nie ! saya coba makek yang VinaLuv . tapi gax bisa keluar koment form nya nie

 
At Tuesday, July 10, 2012 at 3:32:00 PM GMT+7, Blogger Bakteri said...

aduh..! ngax bisa juga om..! dividio itu ada 2 Tag

tapi ditemplate saya lebih dari 2 yaitu 4 ! saya buat template sendiri jadi rada bingung..! :( Mas Taufic help me... :'(

 
At Tuesday, July 10, 2012 at 9:07:00 PM GMT+7, Blogger Taufik Nurrohman said...

@edinofri Ganti semuanya.

 
At Wednesday, July 11, 2012 at 9:56:00 AM GMT+7, Blogger Bakteri said...

udah saya coba..! keluar sih tapi..! pas ditekan tombol reply nya kagak bisa ..! bg taufic bisa benerin bentar gax Xmlnya ? biar ane kirim ntar

 
At Wednesday, July 11, 2012 at 10:28:00 AM GMT+7, Blogger Taufik Nurrohman said...

@edinofri Tinggal dikit lagi mas... jangan nyerah dulu. Blogmu ada JQuery-nya gak?

 
At Wednesday, July 11, 2012 at 12:42:00 PM GMT+7, Blogger Bakteri said...

ada donk om :D dibagian Sidebar makek Accordion :D
emang napa om taufic ?

 
At Wednesday, July 11, 2012 at 10:29:00 PM GMT+7, Blogger Taufik Nurrohman said...

@edinofri Sebenarnya sih masalahnya bukan di ada atau tidaknya, tapi masalah jumlah. Mungkin sistem thread commentingnya konflik, karena JQuery yang dipasang ada lebih dari satu. Itu cuma dugaan, JQuery hanya boleh muncul satu kali, dan sistem thread comment VinaLuv menggunakan JQuery.
NB: Yang Saya maksud JQuery itu yang script utama/frameworknya, yang memakai URL http://aja.googleapis.com/.../1.7.2/jquery.min.js. Jumlahnya ada berapa?

 
At Thursday, July 12, 2012 at 11:55:00 AM GMT+7, Blogger Bakteri said...

ditempat saya cuma ada 1 , tapi apa di script vinaluv itu ada script jquery.min.js lagi ?
saya yakin cuma 1 soalnya saya sendiri yang buat tu template dari null dan script Pemanggil Fungsi Jquery seperti Slide,Toggle,Scrol,Fade itu saya belajar dari sini ! mana mungkin ada lebih dari 1

 
At Thursday, July 12, 2012 at 12:28:00 PM GMT+7, Blogger Taufik Nurrohman said...

@edinofri Di VinaLuv sebenarnya ada satu JQuery lagi, cuma kodenya dimuat secara tidak langsung. Metodenya begini:

if (typeof (jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}


Tujuannya sebenarnya sederhana: Jika JQuery tidak ditemukan, maka JavaScript akan secara otomatis menyisipkan JQuery versi 1.7.1 ke dalam template. Tapi teknik ini tidak begitu akurat.
Karena blogmu sudah dilengkapi JQuery, coba hapus kode di atas, yang merupakan bagian dari script VinaLuv lalu simpan lagi.

 
At Thursday, July 12, 2012 at 3:09:00 PM GMT+7, Blogger Bakteri said...

:-bd saya coba dulu , nanti kalau ada yang masih error tolong bantuin benerin template nya ea bg taufic

 
At Thursday, July 12, 2012 at 3:35:00 PM GMT+7, Blogger Taufik Nurrohman said...

@edinofri Ups... Sayangnya Saya harus membatasi diri sampai di sini. Saya tidak sedermawan yang kalian kira. Memecahkan masalah bersama nggak masalah, asalkan mau berusaha sendiri, sementara Saya dari sini bisa mencoba untuk membantu. Tapi kalau sudah berhubungan dengan penyerahan kekuasaan secara keseluruhan kepada pihak ketiga, bisa dibilang itu membutuhkan sedikit perubahan status diskusi menjadi *ehm* ⇒ Bisnis ;)

 
At Thursday, July 12, 2012 at 8:32:00 PM GMT+7, Blogger Bakteri said...

Haha Mas Taufic Bijak Banget bhasa nya hehe Kalau gitu :D saya berusaha sendiri =p* . oh ia mas kalau untuk buat Loading Kek punya mas gimana ea ? asal mau klick Link keluar blog , atau masih didalam blog keluar loading gitu..! udah nyari kagak ada yang bisa..! atau mungkin saya yang kagak bisa :P

 
At Thursday, July 12, 2012 at 9:35:00 PM GMT+7, Blogger Taufik Nurrohman said...

@edinofri Di sebelah kanan atas header terdapat sebuah kotak penelusuran. Saya tidak tahu fungsinya buat apa. Mungkin untuk mencari tahu tentang cara bikin efek animasi loading di blog.

 
At Thursday, July 12, 2012 at 9:44:00 PM GMT+7, Blogger Bakteri said...

Wadoh Cepet amat dibales ya! Hm...! kagak keliatan hehehe :P sorry mas taufic kagak taw kalau ada searchnya :D

 
At Wednesday, July 18, 2012 at 8:31:00 PM GMT+7, Blogger Yusril Ibnu Maulana said...

saya pake yg Artisteer Tutorials tapi kok gk rapih ya kenapa y ?? (kotak yg bukan authornya..)
yuzsite.blogspot.com

 
At Wednesday, July 18, 2012 at 9:38:00 PM GMT+7, Blogger Taufik Nurrohman said...

Modifikasi nilai padding pada bagian ini:

.cm_entry {
padding:16px 16px 0 16px;
}


menjadi seperti ini:

.cm_entry {
padding:16px 16px 16px 16px;
}

 
At Thursday, July 19, 2012 at 6:18:00 AM GMT+7, Blogger Yusril Ibnu Maulana said...

oke thanks..., pantesan aja ternyata nilai pandding nya yang diubah (dikirain nilai margin -nya)

 
At Thursday, July 19, 2012 at 6:35:00 AM GMT+7, Blogger Yusril Ibnu Maulana said...

dilihat dari struktur komentar ini

.cm_entry {
margin-left:58px;
padding:16px 16px 16px;
border:1px solid #3c3c3c;
background-color:#333;
box-shadow:0 1px 2px black;
overflow:hidden;
position:relative;
transition:all 1s ease-out;
}

apakah ini juga pake yg Artisteer Tutorials ?
jika minsalnya iya, kenapa reply disini seperti Thread komentar , tidak pop up seperti yg saya ??

 
At Thursday, July 19, 2012 at 8:25:00 AM GMT+7, Blogger Taufik Nurrohman said...

Rahasia perusahaan <3

 
At Thursday, July 19, 2012 at 9:23:00 AM GMT+7, Blogger Yusril Ibnu Maulana said...

rahasia ya yah..,
ya sudah boleh gk dikirimi lewat email saja ???
(yusrilibnu@yahoo.com), klo gk y gpp saya akan berusaha mencarinya .

 
At Thursday, July 26, 2012 at 5:13:00 PM GMT+7, Blogger Surya Fajriyansyah said...

mas cara supaya reply komentar tidak open tab gmna mas, bantu aku ya :yaya:

 
At Thursday, July 26, 2012 at 6:42:00 PM GMT+7, Blogger Taufik Nurrohman said...

Baca komentar Saya di sini: Iframe Preloader - #c5376521286423378388

 
At Friday, July 27, 2012 at 5:24:00 AM GMT+7, Blogger Surya Fajriyansyah said...

terimakasih mas atas info,nya sangat membantu. dan aku acungin jempol buat artikel,nya keren2 dan orang,nya juga :-bd

 
At Monday, September 17, 2012 at 10:47:00 AM GMT+7, Anonymous Anonymous said...

Wah..hebat kang taufik. Boleh berguru ah..saya newbie banget euy,,!

 
At Saturday, November 3, 2012 at 9:07:00 AM GMT+7, Blogger Unknown said...

komentar perdana sekalian request nih bang..

bang, cara masukkin koding di kotak komentar gimana yah?? Dapet pesannya begini terus "HTML Anda tidak bisa diterima: Tag tidak dibolehkan: DIV" kalo masukkin kode di komentar saya.

 
At Saturday, November 3, 2012 at 9:46:00 AM GMT+7, Blogger Taufik Nurrohman said...

Tepat di atas formulir komentar terdapat sebuah tombol bertuliskan `Konversi Kode di Sini!`

 
At Friday, January 25, 2013 at 12:40:00 PM GMT+7, Blogger Unknown said...

Dari tutorial diatas aku mendapatkan ini :

http://4.bp.blogspot.com/-q5zvih61vHg/UQIaOZ4qdRI/AAAAAAAAANk/sJomYpyetJA/s1600/New%2BComment.png

 
At Tuesday, February 5, 2013 at 5:28:00 PM GMT+7, Blogger Rizal Nurhidayat said...

Kang Taufik, ane mau nanya... itu komentar yang versi Artisteer Tutorials kan pas mau replay comment membuka jendela baru, nah bisa nggak pas replay commentnya seperti di blog ini? nggak perlu pop-up tapi langsung muncul comment-formnya di bawahnya...


Mohon pencerahannya... ;)

 
At Saturday, March 9, 2013 at 5:15:00 PM GMT+7, Blogger Unknown said...

Mas taufik, mohon arahan untuk membuat tombol reply pada threade-comment yang artister supaya tidak muncul pop-up.. Nuwun sebelumnya mas

 
At Wednesday, March 27, 2013 at 2:07:00 AM GMT+7, Anonymous Anonymous said...

Mantap mas...!!!

 
At Wednesday, July 31, 2013 at 4:39:00 PM GMT+7, Blogger Unknown said...

Can you instruct the system comment on your blog? :D

 
At Tuesday, August 20, 2013 at 6:50:00 PM GMT+7, Blogger Unknown said...

kok VNBlogspot versi Inggrisnya 404 not found ? :(

 
At Sunday, April 20, 2014 at 1:19:00 AM GMT+7, Blogger Unknown said...

hahahahahahahahahahahahahahahaha

 

Post a Comment

<< Home