![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvy6ndSLRcgmG3n5hfDw9m6S7LTNhMyicx735OI928d1r7ooO_3zaE0GDH9PLyWD5H-kXbQVN4pUFiimgMnjwQuBopzMgQsPuPyPH4QQnrQcXIb8GAt0UDqJizlHkh6mJvCpUfqeebpXda/s320/tampilan+nya.jpg)
Ini Priview nya
- Login ke akun blogger dan masuk ke Edit HTML
- Untuk berjaga-jaga, ada baiknya jika kita backup dulu template kita, siapa tau ada kesalahan yang tak
terduga, nanti yang nyesal kan kita juga kalau ada apa-apa… hehehe - Siapkan mental anda, jangan sampai salah langkah, karena salah satu titik script aja maka akan bahaya… (nakut2 in aja :P)
- Centang "Expand Widget HTML" ( bila perlu )
Kemudian copy semua kode berikut ini tanpa terkecuali agar berhasil di atas code ]]></b:skin>
/*------------- START jelekoke.blogspot.com Threaded Comments -------------*/
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comment .comment-actions a:hover {
text-decoration: none; background:#fff; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:12px; background:#EBF5FE;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .user a {
color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
color: #999999;
float: right;
font-size: 11px;
text-decoration: none;
}
.comments .comments-content,
.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comment-header {background-color: #F4F4F4;
border: thin solid #E6E6E6;
margin-bottom: 5px;
padding: 5px;
}
.comments .comments-content .comment-content {
text-align:none;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {background-image: url("http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;
border: 1px solid #DDDDDD;}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
/*------------- End jelekoke.blogspot.com Blogger Threaded Comments -------------*/
- Kemudian simpan dan lihat hasilnya….! Semoga sesuai keinginan ya…! Kalau gak berhasil, wah keterlaluan, Cuma copas script doank gak bisa… :D hehehe :P #LOL
nah biar tampilan nya menjadi lebih menarik seperti Thread komentar saya, anda bisa tambah code CSS berikut, letakkan di bawah ]]></b:skin>
<style type='text/css'>/*Start Modif kotak Komentar*/.comments .comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);}.comments .comments-content .datetime a{float:right;}.comments .comments-content .comment:last-child,.comments .comments-content .comment-thread ol li{font:14px Verdana;color:#fff;background:rgba(0,0,0,.5);padding:5px;margin:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 0 0 30px #fff;-moz-box-shadow:inset 0 0 30px #fff;-webkit-box-shadow:inset 0 0 30px #fff;}.comment-actions a{background:#dad6cf;-moz-border-radius:2px;border-radius:2px;-webkit-border-radius:2px;font:12px Verdana;padding:4px;margin:5px;height:16px;border:1px solid #c1c1c1;}.comments .comment .comment-actions a:hover,.comments .continue a:hover{text-decoration:none;background:#ab9e9e;border:1px solid #5AB1E2;}.avatar-image-container{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;border:4px inset #000;}.comments .continue a{display:inline-block;border:1px solid #C4C4C4;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#000;font:14px Verdana;color:#fff;padding:2px 8px;margin-right:10px;}.deleted-comment{color:gray;font-style:italic;}/*End Modif kotak Komentar*/</style>
OK selesai, coba lihat bagaimana tampilan komentar anda…!
Jangan Lupa tinggalkan Komentar sobat2 ya...!
Mantap....http://musliadi-adhy.blogspot.com/
ReplyDeletejosss,,
Deletevisit back me blog
http://daniarmurdi.blogspot.com/
nice ,,,
DeleteVisit Back bro ...
www.softwarephreaker.blogspot.com
kereeen tapi panjang kayak uler sob.. gak bisa disingkat ya? takut memperlambat blog nih.. http://minoolshop.blogspot.com
Deleteditunggu kunbalnya
Deletehttp://hitech540.blogspot.com
good day
Deletegood day
Deletedvddv
Deletedsddf
Deletedscsdcsd
DeleteMaknyus mas,
ReplyDeletekunjungan balik nya mas hehehe http://yogie-share.blogspot.com/
haha mampir juga ke blog gw ya storyoftheinsect.blogspot.com
ReplyDeleteedit html tuh dimana tempatnya sob,saya kurang ngerti?
ReplyDeleterancangan
Deletedah saya coba kok masih gak bisa ya??
ReplyDeleteitu ko ada dua bagian? yg dimasukin kodenya yg atas apa yg bawah? mhon bantuannya :)
ReplyDeletekok g bisa
ReplyDeleteahihihi mak nyosss
ReplyDeletePuyeng gan...kodenya panjang banget.. yuk kunjungi blog dofollow saya aja. Insya Allah pagerank 2.hehe
ReplyDeletesaya coba, yang muncul begini " Lebih dari satu widget ditemukan dengan id: HTML2. ID Widget seharusnya unik.
ReplyDeleteError 500 "
makasih gan.., kunjungi balik ya kumpulan sofware http://decka12.blogspot.com/
ReplyDeletekunjung balik gan..
ReplyDeleteairlandzz.blogspot.com
Udah aku coba gan tapi kok tampilannya gak berubah , gimana dong bagi ilmunya , trims
ReplyDeletebuktinya aku bisa gan. mungkin ga lengkap copynya..
Deletegan edit html nya itu kita cari di template kan .yg sekarang
ReplyDeleteiya cari di template
Deleteok thanks
ReplyDeleteThanks gan Kolomnya keren baget,,
ReplyDeletesangat bermanfaat bagi anee..
Jangan lupa kunjungannya yahh gann
http://Fahrie97.blogspot.com
mantap gan ,, berhasilll ... THANKS yaa
ReplyDeletehaha.. oke.. sukses..
Deleteyes berhasi makasih yaaaaaaaaa
ReplyDeleteoke oke.. sukses yaa..
Deletesaya mau nanya ko kalau dipasang kode yang kedua,di atas halaman muncul gambar ( --> )yag di dalam kurung kenapa ya.
Deletewow
ReplyDeletemakasih bang infonya,,,
ReplyDeletekalau da waktu tengok blog ane dan minta kritiknya coz'nya newbie.
berkunjung sob,sambil menyimak.terima kasih tutorialnya.
ReplyDeletekata /*------------- START jelekoke.blogspot.com Threaded Comments -------------*/ dicopy juga nggak gan?
ReplyDeleteiya gann .. itu penting soalnya.. tanpa itu gak muncull..
Deletewah, keren artikelya gan. jangan lupa mampir ke http://adeputra-pkp.blogspot.com
ReplyDelete#Salam Blogger
Sudah selesai di edit :D makash ya tutornya
ReplyDeleteMantap sob,,Thanks..
ReplyDeleteKeren Guru,..
ReplyDeleteTks ilmunya
Keren sob..!
ReplyDeleteThank's for information..?
mak nyosssssssssss..................
ReplyDeletesukses 100%
Makasih ya :)
ReplyDeletemakasih tutornya gan,tapi sayangnya kurang cocok di blog ane,
ReplyDeletetolong kunjungan baliknya gan
www.mbahgahol.blogspot.com
follow aja nnti saya followbalik blog agan
thax tips x ....
ReplyDeletethanks zaw...
ReplyDeleteBoleh ni dicoba....Jangan lpa Kunbal n komen balik ya gan ke http://rahman-ciblog.blogspot.com
ReplyDeleteMantap gan..
ReplyDeletepunya saya ngga berhasil gan tidak ada perubahan
ReplyDeleteManteep gan, udah ane patenkan di blog.thanks berat atas share tips_nya
ReplyDeletePunya saya juga tdk ada perubahan...
Deletemakasih juga.. yg ga bisa, coba diliat lagi tutornya
Deletemantap gan
ReplyDeletetak tunggu kunjungannya di
http://nashi-onpi.blogspot.com
mbulet
ReplyDeletekalau ada kemauan pasti bisa.. :)
DeleteWah menarik sekali ya jadinya.
ReplyDeleteWahahaha nyari'a malesss soal'a bnyak bgt
ReplyDeleteMantep gan, berhasil ^_^
ReplyDeleteArigattao gozaimasu :)
Kalau ada waktu, mampir yah ke blog ane :
www.harrypahlawan11.blogspot.com
Oh iya ditunggu follow baliknya (jika berkenan) ;)
makasihh :)
Deleteberhasil,, sip deh..
ReplyDeletemakasih :)
Deleteana coba dulu ya gan,,
ReplyDeletethank infonya...
makasih.. moga bisa ya gan..
Deleteya
DeleteBerhasil sih gan, tapi anehnya kok pas dihapus kodenya (mau balikin ke kotak komentar standar), kok malah kacau yah dan gak bisa balik ke asal lagi? Kenapa yah gan?
ReplyDeleteSoalnya template ane hitam jadi kalo ada tulisan yang sebenarnya hitam warnanya jadi putih, begitupun sebaliknya, sehingga tulisan putih di bawah kotak komentar dan di menu tab komentar jadi gak terbaca, mohon pencerahannya gan :)
Harrypahlawan11.blogspot.com
harus install tempplate lagi kalo mau balik gann.. emang gitu jadinya..
Deletenah kok ga bisa..saya pemula
ReplyDeletebisa aja.. aku aja udah buktiin.. baca dengan jelass dehh tutornya..
Deleteartikelnya keren, tapi gak ngefek
ReplyDeletemaksih :)
Deletetrims guns,, alhamdulillah sangat menarik sekli ni artikelnya,, trims yea tas ilmunya sobb,, trims bangett :)
ReplyDeleteoa,, salam sejahtra dari www.tanggaislam.blogspot.com yea sobat :)
salammm
mantap gan langsung comot... tunggu kunbalnya... :)
ReplyDeletekode ]]> di html gw kok gc ada sob...
ReplyDelete. ada saran gc
pasti ada kalau anda pakai template yang dari blogger.. tapi jika ambil dari luar, kadang ada, kadang gak ada karn uda di edit sama yang buat template..
Deletemakasih :)
ReplyDeleteikuti aja tutornya gann
ReplyDeletegak berani nyoba nih
ReplyDeletetakuur ma gertakanmu :)
template gw kok gak bisa di edit y sob.
ReplyDeletejdi gw nggak bisa contreng itu
sudah saya cobatidak bisa, malah pas saya bukak alamat htmlnya ada di atas blog ..
ReplyDeletealamat html yang mana?
Deletesama kayak aku.. hu..hu..huu...
Deletethankz
ReplyDeleteterima kasih kembali :)
Deletewah bisa gan :D visit blog saya http://ywkakaka.blogspot.com/
ReplyDeleteterimakasih
mas saya udah pake cara di atas, tapi kok ktak koment nya gak muncul?
ReplyDeleteemang si gak ada yang komen. trus supaya muncul harus ada yang komen ya mas?
iya coba dikomentari sendiri aja bro..
DeleteTq...sudah menggunakannya..:)
ReplyDeleteterima kasih bro. moga bermanfaat.
Deletegan? gimana merubah warna fontnya?
ReplyDeletecari kode #FFFFFF trus ganti dengan #000000 (belum aku coba, tapi, coba aja dulu)
DeleteSory gan ,,, numpang nanya ni ,,, coba deqh mampir keblog saya dulu http://sellalusetia.blogspot.com
ReplyDeleteDi blog saya yang itu kan entri atau postingan'a ada 3 tuh
kalo masang kode komentar kaya yq diatas bisa gx gan !!! soal'a udh beberapa kode buat kotak komentar udh dijajal ,,, tapi selalu gagal !!!
tolong bantuannya yah gan ???
Makasih !!!
apa kah pakai template asli, atau flash..??
Deletetrims gan infonya
ReplyDeletesama-sama gan..
DeleteDi blog aku juga gak jalan mas bro
ReplyDeletehttp://duniablog99.blogspot.com
pakek template flash kah?
DeleteMantab gan......
ReplyDeletevisit back yaaaa :-)
http://matt-hiday.blogspot.com
back ya http://bolaries.blogspot.com
ReplyDeleteudah dicari-cari tapi gak ketemu kode ]]>
ReplyDeleteada yang bisa bantu gak?
kamu pakek template download apa asli dari blogger?
DeleteTanks
ReplyDeletebagusan aslinya yang tanpa tambahan css yg katanya lebih keren :D . btw good job kang , ane berhasil
ReplyDeletekoq ane ndak bisa gan
ReplyDeleteapa mungkin blm ada komentarnya kaliya...?
ReplyDeletemakasih bro
ReplyDeletekeren bos :-D
ReplyDeletethanks sob ;)
ReplyDeleterada susah yah
ReplyDeletekenapa gagal terus ya ? -.- udah berkali-kali dicoba jadinya malah muncul di background tulisan yang di copy
ReplyDeleteko ga bisa gan di blog gua
ReplyDeleteasek
ReplyDeleteblogqu tidak bisa di tekan publikasikan trus gmana caranya
ReplyDeleteblog sya memiliki tampilan baru pada HTML nya bgaimana cara mencarinya...
ReplyDeleteJUDEGGGG.....
ReplyDeleteSini Mampirr Ke Blog'q http://myinfo4you-blogger.blogspot.com/
I like it...
ReplyDeleteI like it....www.kampunginggrisunicef.com
ReplyDeletemakasih gan ! :D
ReplyDeletemakasih gan :D
ReplyDeleteakbaragas.blogspot.com
kok gk bisa gan
DeleteSalam blogger >> Tercacau.blogspot.com
Thanks Ya Gan Moga Di berkati Datanglah Ke Web Saya Ok Saya Tunggu Berkomentarlah Supaya Tahu Bahwa Anda Mengunjungi Blog Saya Ok www.madeamerta.co.vu
Deletesaya coba ya....
ReplyDeletemampir ke blog saya gan.....
ReplyDeletehttp://www.eyang-pedia.blogspot.com
waaaah, bisa! keren, keren
ReplyDeletemakasiih ya.. :D
bolelah tak coba dulu yaaaaa
ReplyDeleteThanks gan.. sukses :D
ReplyDeletebisa bang,kereeen ) makasih :) kunjungi balik http://about-me27.blogspot.com
ReplyDeletejangan lupa beri komentar :)
Tampilan kotak komentarnya keren,tadinya mau saya terapkan di blog saya juga.Ternyata template blog saya ngak support dengan kode yang disampaikan diatas.
ReplyDeleteSaya tunggu kedatangannya! http://najar-shinobi.blogspot.com/
ReplyDeletehaloo... makasih ya untuk arahanya ,,, sungguh membantu,,, terus buat ispirasi yang lain ya biar banyak kegunaanya,,,, ,,,, ,,,
ReplyDeleteGak muncul apa"...
ReplyDeleteThanks :)
ReplyDeletehttp://infinitydesign3.blogspot.com/
keren sob
ReplyDeletewww.duniagame.info
luar biasa joss gan.....http://timservis.blogspot.com
ReplyDeleteKunjungi juga gan http://hidayrusuikoden.blogspot.com/
ReplyDeleteoke jg gan . . .
ReplyDeletebisa dicoba . .
skalian mampir ke blog ane:
online-news-jobs.blogspot.com
:)
thanks gan...
ReplyDeleteSudah ane coba gan, langsung cespleng, main ke blogku ya? terima kasih.
ReplyDeleteGan ko ane ga muncul kotak komentar kaya agan ya?? mohon bantuannya gan saya masih newbie di blog :D
ReplyDeletemantep gan...
ReplyDeleteterimakasih kawan atas tipsnya, salam kenal saya orang baru di BLOGGER. mohon bantuannya :D
ReplyDeleteterima kasih kawan infonya, sangat membantu....
ReplyDeletekeren banget
ReplyDeletemantab gan ,, saya coba kok tidak bisa bisa kang mas,, mohon pencerahanya mksh
ReplyDeletekeren gan... maaf ijin ane pake yah
ReplyDeletekeren gan ijin ane pake ya.
ReplyDeletemakasih infonya gan
ReplyDeleteMebel Jepara
Mebel Jati Jepara
Mebel Jati
keren..
ReplyDeletemampir saudara di blog sederhana saya
http://anasyapialhikmah.blogspot.com/
gan, cari kode nya kok kgk ade ye di blog gw? mohon bantuanya
ReplyDeletegan, kodenya kok kgk ada di blog ge ye? mohon bantuanya
ReplyDeletekeren nih kolom komennya, makasih yah infonya...!!!
ReplyDeleteHarus dicoba nih, thanks untuk postingannya
ReplyDeleteTlong kunjungi juga tukang-survei.blogspot.com ya? yang mau tuker2an link juga bisa. Thanks
mantap visit my blog juga http://kangmasucup.blogspot.com
ReplyDeletethanks gan infonya, mampir juga ya ke http://baihaqisuhaeri.blogspot.com :) kalau mau tau cara menyembuhkan penyakit dan yang lainnya. :)
ReplyDeletekeren artikelnya..... terima kasih tutorialnya.. mantap....
ReplyDeleteditunggu kunjungan untuk semua teman di:
http://miniblogger28.blogspot.com
thanks buat infonya, sangat bermanfaat http://goo.gl/0kClbV
ReplyDeletethanks buat infonya, sangat bermanfaat http://goo.gl/OHwgnY
ReplyDeleteberhasil gan. tapi yang mau comment jadi kebuka tab baru. caranya supaya ga perlu buka tab baru buat comment gmn yah? BTW makasih.
ReplyDeleteKalo ada waktu main ke
rifalnurkholiq.blogspot.com
Boss.. Ane udah coba nih.. Berhasil sih..
ReplyDeleteCuma warna tulisan 'pengirim' dan 'tanggal'nya kq jadi warna putih ya.. Jadi gak keliatan, soalnya backgroundnya juga warnanya abu-abu putih gitu..
Sedangkan kalo ngeliat punya ente nih, warna tulisan 'pengirim'nya biru, warna tulisan 'tanggal'nya hijau..
Kalau mau diubah, harus gimana ya boss? Mohon pencerahannya ya..
Makasih ya sebelumnya..
kejam
ReplyDelete