14 December 2011

Komentar Bertingkat untuk Blogspot

aku bikin postingan tutorial!!! ihhh whaoowww.. tapi karena gak yakin akan ada tutorial selanjutnya, jadi postingan ini akan kumasukkan ke dalam kategori 'INTERMEZZO', karena ini bener-bener intermoezzo. aku janji!!!

oke, sebenernya dari dulu udah pengeeeeeeeeeeen banget bikin kotak yang bertingkat macam di blog wordpress gitu. sebenernya ada pilihan gampangnya, pakai disqus. tapi tapi tapi, blog dengan kolom komentar disqus itu bikin beraaat *tapi jangan lupa, ada faktor modem yang emang rada' lemot kayak siput lomba manjat tebing macam modemku*, contohnya blognya mas Tri Setya Wijanarko. jujur yahh, seriing banget main kesana trus baca-baca postingannya yang semua semua tentang catatan perjalanan. cuma pasti bikin emosi sendiri kalo ternyata kolom komentarnya gak muncul. jadilah, cuma bisa meninggalkan jejak di chatbox. bikin sebel bangeeett,.soalnya udah jadi kebiasaan aja tiap baca postingan pasti komen. apalagi kalo postingannya menarik ato ada hal yang mau ditanyakan. sayang banget kan??? dan hal ini juga pernah di bahas di salah satu postingannya mbak Fanny, dan ternyata setelah kuperhatikan, sebagian besar komentar dalam postingan tersebut juga setuju kalo disqus bikin berat. trus gimana donk???

yahh,. sempat cari-cari tutorial juga, dan tanya-tanya dikit ke mas Kurnia Septa , salah satu master blogger panutanku yang sukaaaak banget ngasi tutorial-tutorial poisitif, baik dari editing desain blog, konten, dan lain sebagainya. waktu itu, beliau ngasih solusi, dengan memunculkan tombol 'reply' untuk komentar di blogspot, sebagai pengganti kolom komentar yang bertingkat. dulu sudah pernah aku pakai juga buat si popcorn, tapi pas ganti layout, editing html-nya ilang semua, jadilah balik ke awal pengaturannya *kalau pengen tau contoh blog dengan tombol 'reply', bisa lihat di blognya tante Honeylizious*. terus, ini juga bisa dimodifikasi, dengan cara, memberi latar warna berbeda untuk komentar dari admin. jadi biar bisa membedakan gitu mana yang komentar admin mana yang pengunjung. beberapa waktu yang lalu juga sudah pernah aku terapkan di si popcorn ini, cuma ya udah ilang aja. kalo pengen tau contohnya, emmm,. kalo gak salah blognya Itik Bali pakai kotak komentar macam ini.


pada saat yang bersamaan, aku juga melihat kotak komentar di blognya Sam, yangs sebelumnya sempat pakai disqus *dan pastinya bikin lemot*, belakangan berubah, jadi kotak komentar bertingkat, tapi bukan disqus. whaowww.. pastinya pengen juga donk. langsung cari tutorialnya saat itu juga. dan akhirnya, ketemu disini!!!

mulai mencoba ngutak-atik html, menjalan step by stepnya, ternyata saat di save, mendadak muncul tulisan berwarna merah bernada 'WARNING' yang kurang lebih isinya adalah, ada editing html yang kurang tepat, dan proses editing yang sebelumnya dilakukan tidak dapat disimpan. o'owww.. nyerah deh. oke, sementara kayak gitu dulu aja komentarnya.

nahh, tiba-tiba, suatu saat, muncullah kak Baha Andes yang menggoreskan beberapa patah kata di chatbox-ku...
langsung deh, komen di postingannya yang terbaru, karena blog beliau gak ada chatboxnya, dan akhirnya aku dihubungi via Direct Message Twitter. langsung di kasih linknya, dan, berangkaaaaaaaaaaaaaattt!!!
dan, ini deh aku copy-kan tutorialnya dari blog beliau, tentang cara bikin kotak komentar bertingkat di blogspot macam kotak komentar di popcorn ini. itung-itung belajar bikin spoiler di postingan juga, ilmu dari pak Ies yang sudah lama dibagikan namun belum sempat ku praktekkan :D *step by step pada tutorial ini berlaku untuk tampilan dashboard blogger.com yang baru*

--step 1--
sign in ke akun google kamu, masuk ke dashboard >>> template >>> Backup/Restore *ada di pojok kanan atas* >>> download full template >>> save file >>> ok

*step pertama ini dilakukan untuk mem-backup template sebelumnya, agar jika terjadi kesalahan dalam editing, setting template sebelumnya bisa dikembalikan seperti semula*

--step 2--

masih di bagian template >>> klik edit HTML >>> akan muncul "Directly editing HTML may affect... (bla bla bla)" >>> Proceed

--step 3-- 

centang "Expand Widget Templates", dan tunggu prosesnya beberapa saat

--step 4--

tekan ctrl+F di keyboard, dan cari kode : ]]></b:skin>
setelah itu, copy dan paste kode dibawah ini, tepat sebelum kode tersebut.

#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background: white;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply 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;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://4.bp.blogspot.com/-8luuqzWL1do/Tl9RmQ6dG6I/AAAAAAAAB6I/1ZxWKOXXlxE/s1600/comment-arrow.png) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

--step 5--

cari kode </body> dengan cara yang sama, lalu copy dan paste kode dibawah ini tepat sebelum kode tersebut.

&lt;script type="text/javascript"&gt;&lt;!--
var _0x7bf4=["\x32\x20\x78\x3D\x31\x72\x2E\x31\x6E\x2E\x4A\x3B\x32\x20\x46\x3D\x77\x2E\x79\x28\x27\x31\x6D\x27\x29\x3B\x32\x20\x6D\x3D\x46\x2E\x75\x3B\x32\x20\x70\x3D\x5B\x5D\x3B\x32\x20\x37\x3D\x5B\x5D\x3B\x32\x20\x64\x3D\x5B\x5D\x3B\x32\x20\x6E\x3D\x30\x3B\x32\x20\x49\x3D\x27\x27\x3B\x32\x20\x4B\x3D\x27\x27\x3B\x32\x20\x45\x3D\x27\x27\x3B\x32\x20\x69\x3D\x30\x3B\x32\x20\x6A\x3D\x30\x3B\x32\x20\x6B\x3D\x30\x3B\x32\x20\x68\x3D\x30\x3B\x32\x20\x62\x3D\x27\x27\x3B\x32\x20\x42\x3D\x22\x22\x3B\x32\x20\x71\x3D\x22\x22\x3B\x31\x73\x20\x31\x31\x28\x29\x7B\x32\x20\x56\x3D\x2D\x31\x3B\x38\x28\x5A\x2E\x31\x79\x3D\x3D\x27\x31\x7A\x20\x31\x76\x20\x31\x75\x27\x29\x7B\x32\x20\x31\x65\x3D\x5A\x2E\x31\x77\x3B\x32\x20\x31\x30\x3D\x31\x78\x20\x31\x32\x28\x22\x31\x74\x20\x28\x5B\x30\x2D\x39\x5D\x7B\x31\x2C\x7D\x5B\x5C\x2E\x30\x2D\x39\x5D\x7B\x30\x2C\x7D\x29\x22\x29\x3B\x38\x28\x31\x30\x2E\x31\x41\x28\x31\x65\x29\x21\x3D\x31\x70\x29\x56\x3D\x31\x71\x28\x31\x32\x2E\x24\x31\x29\x7D\x31\x6F\x20\x56\x7D\x32\x20\x57\x3D\x31\x31\x28\x29\x3B\x38\x28\x57\x3D\x3D\x2D\x31\x7C\x7C\x57\x3E\x3D\x39\x29\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x34\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x22\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x61\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x61\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x22\x59\x22\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D\x7A\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x33\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x3E\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x41\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x41\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x59\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x66\x7C\x7C\x7C\x73\x74\x72\x6F\x75\x74\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x64\x69\x76\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x43\x75\x72\x5F\x50\x61\x67\x65\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x43\x6D\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x7C\x73\x74\x72\x5F\x74\x32\x7C\x32\x30\x30\x7C\x4F\x72\x67\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x73\x74\x79\x6C\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x43\x75\x72\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x65\x6C\x73\x65\x7C\x7C\x73\x74\x72\x5F\x74\x31\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4F\x62\x6A\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x5F\x54\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x7C\x66\x6C\x6F\x61\x74\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x5F\x54\x7C\x68\x72\x65\x66\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x5F\x54\x7C\x69\x64\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x5F\x4F\x62\x6A\x7C\x43\x6D\x5F\x52\x65\x70\x6C\x79\x43\x53\x53\x5F\x4F\x62\x6A\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x6F\x66\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x72\x69\x67\x68\x74\x7C\x73\x70\x61\x6E\x7C\x72\x76\x7C\x49\x45\x5F\x76\x65\x72\x7C\x63\x6D\x5F\x61\x75\x74\x68\x6F\x72\x5F\x72\x65\x70\x6C\x79\x7C\x63\x6D\x5F\x77\x72\x61\x70\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x72\x65\x7C\x67\x65\x74\x49\x6E\x74\x65\x72\x6E\x65\x74\x45\x78\x70\x6C\x6F\x72\x65\x72\x56\x65\x72\x73\x69\x6F\x6E\x7C\x52\x65\x67\x45\x78\x70\x7C\x7C\x77\x68\x69\x6C\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x6D\x5F\x72\x65\x70\x6C\x79\x5F\x63\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x6E\x6F\x6E\x65\x7C\x31\x30\x30\x7C\x63\x6D\x5F\x74\x6F\x74\x61\x6C\x7C\x62\x6C\x6F\x63\x6B\x7C\x6C\x65\x66\x74\x7C\x50\x61\x67\x65\x7C\x75\x61\x7C\x63\x6C\x65\x61\x72\x7C\x74\x79\x70\x65\x7C\x63\x6D\x5F\x70\x61\x67\x65\x5F\x63\x6F\x70\x79\x7C\x63\x6D\x5F\x70\x61\x67\x65\x7C\x63\x73\x73\x7C\x74\x65\x78\x74\x7C\x68\x74\x6D\x6C\x7C\x63\x6D\x5F\x62\x6C\x6F\x63\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x4D\x53\x49\x45\x7C\x45\x78\x70\x6C\x6F\x72\x65\x72\x7C\x49\x6E\x74\x65\x72\x6E\x65\x74\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x61\x70\x70\x4E\x61\x6D\x65\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\x65\x78\x65\x63","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;35?String[_0x7bf4[5]](_0x4f09x3+29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8]+_0x4f09x5(_0x4f09x3)+_0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--&gt;&lt;/script&gt;

--step 6--

cari kode (1)  <b:includable id='comments' var='post'>

bla bla bla *beberapa baris kode yang cukup banyak*

sampai menemukan kode (2) </b:includable> *yang pertama kali ditemukan, karena kode semacam terdaat dibanyak tempat*

kemudian, ganti seluruh kode yang terletak diantara kode (1) dan kode (2) dengan kode dibawah ini

<div class='comments' id='comments'>
  <a name='comments'/>
  <b:if cond='data:post.allowComments'>
        <h4>
             <b:if cond='data:post.numComments &gt; 0'>
          <b:if cond='data:post.numComments == 1'>
            <span id='cm_total'>1</span> comment
          <b:else/>
            <span id='cm_total'><data:post.numComments/></span> comments
          </b:if>
        </b:if>
        </h4>
        
        <div id='cm_reply_css'></div>
        
        <div class='cm_pagenavi' id='cm_page'></div>
        
        <div id='cm_block'>
            <b:loop values='data:post.comments' var='comment'>
                <b:if cond='data:comment.isDeleted'>
                <b:else/>
                
                    <div expr:id='data:comment.anchorName'>
                        <div class='cm_wrap'>
                            <a expr:name='data:comment.anchorName'/> 
                            <div class='cm_head'>
                                <div class='cm_avatar'>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                        <data:comment.authorAvatarImage/>
                                    </b:if>                        
                                </div>
                                <div class='cm_reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=154513103004606848&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
                                </div>
                            </div>

                            <div class='cm_entry'>
                                <span class='cm_arrow'></span>
                                <div class='cm_info'>
                                    <div class='cm_name'>
                                        <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
                                                <data:comment.author/>
                                            </a>
                                        <b:else/>
                                            <b><data:comment.author/></b>
                                        </b:if>
                                    </div>
                                    <div class='cm_date'>
                                        <data:comment.timestamp/>
                                        <b:include data='comment' name='commentDeleteIcon'/>
                                    </div>
                                    <div class='clear'/>                                    
                                </div>
                                
                                <p><data:comment.body/></p>
                            </div>
                        </div>
                    </div>
                </b:if>              
     </b:loop>
        </div>

        <div class='cm_pagenavi' id='cm_page_copy'></div>
        
    <b:if cond='data:post.embedCommentForm'>
            <b:if cond='data:post.allowNewComments'>
                <b:include data='post' name='comment-form'/>
            <b:else/>
                <data:post.noNewCommentsText/>
            </b:if>
            <b:else/>
            <b:if cond='data:post.allowComments'>
                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
            </b:if>
    </b:if>

  </b:if>
  </div>

jangan lupa untuk mengganti kode yang berwarna merah dengan blog ID masing-masing. cara mengetahui blog ID, coba klik "new post", lalu di alamat webnya, akan muncul blog ID nya.


yang warna kuning tuh blog ID

--step 7-- 

klik "save template"

dan, selesaaaaaaaaaaaaaaaaaaaaaaiiiii... ^^


sebenernya proses editing yang ingin aku lakukan di popcorn belum selesai sepenuhnya. karena masih ingin mencoba mengganti latar kotak komentar khusus untuk admin blog. jadi, biar terlihat makin berbeda, disamping komentar yang lebih menjorok ke dalam. tapi belum nemu tutorialnya, nanti lah.. cari-cari dulu. hehe.. :)

iyawes, gitu aja tutorialnya. selamat mencobaa dan semoga berhasil. satu pelajaran yang bisa aku ambil waktu ngutak-atik kotak komentar ini, bahwa ngedit html itu susah-susah gampang, tapi yang penting, musti sabar dan telaten.

oia,. ternyata gak berhasil pakek spoiler. bisa sih bikinnya, tapi pas kode nya di copy-paste, ternyata jadinya kacau, gak bisa teratur gitu. yahh.. mungkin lain kali bisa bikin postingan yang ada spoiler-spoilernya :D

NOTE:
karena sekarang di popcorn sudah diaktifkan smiley, maka ada beberapa kode yang berubah. misalnya, yang awalnya kode "titik dua diikuti dengan huruf P", saat ini berubah menjadi gambar :p. mohon maaf untuk ketidak nyamanan ini. untuk solusinya, sohiblogger semua bisa mengcopy kode html dari website aslinya, yang sumbernya sudah ku cantumkan di atas. jadi, postingan ini hanya membantu menerjemahkan langkah-langkah yang ada, dari bahasa Inggris ke bahasa Indonesia. Sekali lagi mohon maaf yaa. Selamat mencoba dan semoga sukses... ;)

96 comments:

  1. Hehehe punyaku juga udah begitu.
    Jadi lebih keren keliatannya wkwk.

    ReplyDelete
  2. hhhmmmmmmm......
    rumit juga....
    :P

    ReplyDelete
  3. @zone nggak juga kok. di coba aja, seru lohh :)

    ReplyDelete
  4. Tumben posting tentang tutorial Rie...
    bagus,,,bagus... bisa dicoba nih...

    ReplyDelete
  5. Aku mampir dan membaca:D pengen coba. tks ide dan triknya

    ReplyDelete
  6. @Insan Robbani hihi, iya, tumben. di paragraf pertama juga aku sudah menyatakan keherananku.hahaha..

    soalnya dibeberapa postingan kemarin banyak yg tanyak mas. yasudah, dibuat postingan aja, karena jawabannya juga panjang :)

    slamat mencobaaaa

    ReplyDelete
  7. @naura terimakasih sudah berkunjung dan membaca :)

    ReplyDelete
  8. wah, baru kemarin sya niat googling cara pasang ginian. ehh... postingan rie datang2 aja.
    makasih...maksihh... bookmark dolo.

    ReplyDelete
  9. wueh wueh, keren.. Tp sayangny aq bc lwt hp. Jd blm bs nyobaen. Jhehe..

    ReplyDelete
  10. wah mbak Maeee makasih :*
    emang keren dah ini, simple dan gg berat, nanti dicoba ah kalau udah di kamar :D

    ReplyDelete
  11. wow essip deh.. bisa terlihat lebih interakti tuh dengan pengunjung.. oh ya tuh link Baha Andes salah URL dengan blog saya nih.. awas ngambek loh kang Baha hehe

    ReplyDelete
  12. publikasin yang mantappp... :)

    buat membedakan komentar admin, nih ada tutorialnya di sini. Diriku juga sempat kewalahan mempraktekkannya, tapi akhirnya berhasil juga.. semoga berhasil yaaa... :))

    ReplyDelete
  13. waduh namaku disebut-sebut.. aku juga ngerasa gitu kok ar, disqus emang susah kalau koneksi internetnya lelet.. bikin ngelus dada.. untungnya koneksiku cepet.. *egois*

    lalu kenapa masih setia sama disqus? lebih gampang moderasinya.. hehe.. mungkin nanti bakal tak coba nih tutorialnya.. ;)

    ReplyDelete
  14. Wow, bagus juga tutorialnya...besok gua cobain deh kalo lagi ga males, hehehe

    ReplyDelete
  15. @Accilong hahhay.. okee.. slamat mencobaa :D

    ReplyDelete
  16. @Inspirasi Nailiz kalo sudah pakai leptop silahkan mencoba :)

    ReplyDelete
  17. @Fiction's World kemarin sempat ngecek speed blog si,. agak nambah dikit angkanya, tapi masih bisa di toleransi lah.
    alhamdulillah kalo ngerasanya gak berat :)

    ReplyDelete
  18. @Lozz Akbar ahaha.. iya Ucle. sudah ku ganti. makasih sudah diingatkan.
    kadang aku memang sedikit kesulitan bedakan blognya kak Baha sama Uncle Lozz >,<

    ReplyDelete
  19. @Sam hihi.. trimakasiih,.

    oke, langsung ke tekape :D

    ReplyDelete
  20. @Tri Setyo Wijanarko beruntungnya aku yah mas,. yang punya koneksi lelet. hahaha..

    slamat mencoba :)

    ReplyDelete
  21. wah kereeeen mbak...
    saya dulu pernah mengubah tampilan komentar pada bagian admin berwarna berbeda dengan komentar tamu.
    Nah takutnya jika saya ubah seperti punya mbak ame bakal hancur tidak ya he he...

    *nanti deh semoga blog saya bisa diganti kayak postingan ini..

    ReplyDelete
  22. @Fifin Nugroho coffee break punyaku kan juga gitu sebelumnya, dan sekarang jadi hancurr.hehehe
    tapi gak papa, nanti coba dipasang lagi yg seperti itu :D

    ReplyDelete
  23. ....saya ninggalin komentar junk aja deh ya, soalnya saya bukan pengguna blogspot. :D

    ReplyDelete
  24. Alhamdulillah sdh di coba dan berhasil...
    makasih infonya ya Rie...

    ReplyDelete
  25. @peyek

    tingkat 2 (mencoba naik tingkat 2, mengomentari komen sendiri) hehehehe...

    ReplyDelete
  26. wah, bagus nih kolom komentarnya :D kalau aku sih masih standar aja blog'nya, blm ada yg berubah, hehehe..

    ReplyDelete
  27. Tak sobek-sobek nanti klo link blog aku ke rumah uncle Lozz hahahah@armae

    ReplyDelete
  28. Lebih rumit uey aku masih kesusahan@Sam

    ReplyDelete
  29. wah kalau dilihat lebih teratur ya dibanding kolom comment pada umumnya

    ReplyDelete
  30. @Baha Andes hwehehehe.. maaf,. maaf. kakk.. aku khilaff.. :D

    ReplyDelete
  31. @Baha Andes aku belum nyobak, kemarin baru lihat aja. hihihi..

    smangat kak Baha, pasti bisa. hanya butuh sedikit lagi ketelitian dan kesabaran :)

    ReplyDelete
  32. @Asop nyiahahaha.. trimakasih untuk komentar junk nya yahhh :D

    ReplyDelete
  33. @Adit Mahameru ya kayak kotak komentar ku gini mas Adit -__-"

    ReplyDelete
  34. @Insan Robbani alhamdulillah..
    sipp,. trimakasih kembali mas Insan :)

    ReplyDelete
  35. @peyek hahaha... selamat atas percobaannya Cak Peyek. anda berhasil :D

    ReplyDelete
  36. @Andydan lebih interaktif pastinya :)

    ReplyDelete
  37. @Baha Andessebenarnya ngeletakin variabel penutup "div" yang terakhir aja yang diutak-atik posisinya, klo ngikutin tutorial itu, di punya saya juga ga berhasil.... saya juga ga ngerti kenapa bisa begitu ...

    ReplyDelete
  38. wiiihh.. subhanallah.. berhasil nyoba.. ahahah.. ^____^

    ReplyDelete
  39. widiw,,, mae buat tutorial.. dah jago script sekarang.. :D

    ReplyDelete
  40. Dulu saya pernah pake ini mabk, tapi sekarang saya dah ubah.Btw, selamat ya mbak tutorialnya berhasil.Kunjungan perdana.

    ReplyDelete
  41. Iya bener, disqus bikin lambat. Apalagi kalau bukanya pake modem saya nih, wah, paraah....

    Hmmm... dulu saya pernah punya blog di blogspot, trus saya otak-atik supaya tampilannya bagus dan ekslusif, eh malah jadi hancur. Hahaha!

    ReplyDelete
  42. @Samha?? maksudnya gak ngerti gimana bisa berhasil??

    ReplyDelete
  43. @Samha?? maksudnya gak ngerti gimana bisa berhasil??

    ReplyDelete
  44. Lahh :D
    enak banget liatnya.
    pengen2...
    tapi kok rada2 malas yah liat tuh html.
    zzzz
    bismillah semoga sempat..
    bookmark dulu ya. :)
    makasihmakasih :)

    ReplyDelete
  45. menarik bgt nih khususnya buat para blogger :D

    oia lihat pengumuman penerima buku tasbih 1433H ya di http://dhila13.wordpress.com/2011/12/18/10-blogger-yang-mendapatkan-buku-dari-tasbih-1433h/

    terima kasih :)

    ReplyDelete
  46. alhamdulillah manteb bener tuh tutorialnya bikin komentar mirip WP maupun disqus. Akan menjadi bersemangat untuk terjadi interaksi komentar.
    saya pernah pasang tapi, dicopot lagi karena lumayan membebani inet saya yang sering kali lemot.
    semoga tutorial ini bermanfaat untuk teman-teman lainnya

    ReplyDelete
  47. iya kalo disqus bikin berat, bagusan yang kaya gini ya. saya mau ngilangin disquss tapi komennya juga ikutan hilang ga ya??

    ReplyDelete
  48. @armaeudah ketemu belum solusinya??? saya juga bingung gimana ngejelasinnya.. :D

    ReplyDelete
  49. @Sambelum di coba, tapi sudah dilihat. lumayan paham sii,. nanti aku coba. tapi gak sekarang, belum bisa onlen dengan nyaman iniiii >,<

    ReplyDelete
  50. @kurnia rahmanhahaha.. itu script tinggal copas. kagak ngerti jugak maksudnya apaan :p

    ReplyDelete
  51. @Ditterhaha.. sepertinya permasalahan modemnya sama nih kayak aku :D

    ReplyDelete
  52. @uchankhahaha.. kodenya gak usah dilihat Chank, langsung di copas ajaaa :D

    ReplyDelete
  53. @dhila13sudah di kunjungi Mbak Dhila.. makasi yaaa :D

    ReplyDelete
  54. @Djangan Pakieshwaowww.. pak Ies ini amat sangat memperhatikan kecepatan tampilan blog ya. luar biasa :)

    ReplyDelete
  55. @Fairyshahwaduh.. kalo masalah komennya hilang ato gak, aku kurang tau mbak.. maaf yaaa :)

    ReplyDelete
  56. kalo dhe mah gk perlu pake tutorial mae, udah darisononya WP bisa reply.. hahahahahaaa :P

    ReplyDelete
  57. jadi keliatan beda gitu ya mbak ? keren ..

    ReplyDelete
  58. @dhenok habibiekyaaa.. itulah salah satu kelebihan WP. tapi baik WP maupun blogspot, punya kelebihan dan kekurangan masing-masing Dhe.. :)

    ReplyDelete
  59. @Irra W Hasibuanhwehe.. iya mbak Irra,. yukk nyobak jugak :)

    ReplyDelete
  60. wah keren, aku suka, mungkin kupakai juga di blog

    ReplyDelete
  61. Hee. ini baru betul2 nested comments

    ntar tak coba, saya tandai dulu biar mudah ntar prakteknya

    ReplyDelete
  62. @armae Sepertinya Akan saya coba dech
    Trims mbak ya

    ReplyDelete
  63. pasang smiley akibatnya aku tak bisa copas kode diatas tuh :(

    ReplyDelete
  64. @Ario Antokohwahahaa.. iyah. haduuuhhh :'(

    copas blognya dari source nya aja Mas, kan itu aku kasih URL sumbernyaa :D
    maaf yaaaaaa....

    ReplyDelete
  65. bermanfaat banget teh buat para blogger yang ake blogspot.
    kalo yang pke WP udah legaa. hehe..
    thanks for share this post teh..
    salam :)

    ReplyDelete
  66. @Outbound Malanghwihii.. trimakasih kembali. salam kenal juga yahh..

    *ini outbond Malang tapi kok bahasanya pake bahasa sunda yakkk???*

    ReplyDelete
  67. wah tq, lumayan neh buat nambah styling blog..
    slm kenal

    ReplyDelete
  68. bagus gan tipsnya..ane juga udah make...berkunjung ya..

    followback juga..trus kalo mau tukeran link yuks

    ReplyDelete
  69. @Royan Sablengtrimakasih yaaa..
    *langsung ke tekape* :D

    ReplyDelete
  70. keren..
    kok beda ya sama style komentar blog ini ? :)

    ReplyDelete
  71. @Syndicate OSHihi.. konsepnya sama, cuma beda tampilan aja. yang di blog ini sudah melalui proses modifikasi :D

    ReplyDelete
  72. maksud yang berwarna merah apa ya?? bingung, hehe :D

    ReplyDelete
  73. wheheheheee... nyoba aaahhh...
    makasih info'a dear... ^_~

    ReplyDelete
  74. kagak berhasil di t4q rie.. cam mana dungz??

    ReplyDelete
  75. @Novan Novandi step ke 6, di kode yang harus di copas itu, ada kode yang warnanya merah, coba di cari deh. Pasti ketemu. Nah, yang warna merah itu, diganti dengan blog ID yaa :D

    ReplyDelete
  76. @Bonit NotzSelamat mencobaaa.. good luck yaa :D

    ReplyDelete
  77. @AccilongHweee.. dicoba dulu yaa.. moga suksess!!! :D

    ReplyDelete
  78. Sepertinya Mister Gandi belum terpasang fitur ini?? :(

    ReplyDelete
  79. makasih gan artikelnya sangat bermanfaat...........?

    ReplyDelete

Speak Up...!!! :D