Cara Mudah Modifikasi Kolom Comment Versi 3

Posted by : Stiker Jalingkut

Apa kabar mas bro pada kesempatan kali,ini kamu mau berbagi
Cara Mudah Modifikasi Kolom Comment Versi 3 sebelumnya Versi 2
tentunys sangan berbada dengan yang Versi 2 heheheh..
Cara Mudah Modifikasi Kolom Comment Versi 3 ini penug dengan warna
jadi terlihat kayak pelangi di pagih hari kayaknya ini pas buat sobat Templatenya serba gelap D:
karna kami sengaja Modif dengan warna gelap juga terang biar terlihat Silau Men xixixi.

Silakan buat sobat yang mau lihat dulu demonya mas
gak asikkan kalu cuma lihat gambarnya doank
jangan lupa kasih Comentar di Demonya'y mas biar terlihat heheh.

Silakan buat sobat yang berminat pasang ikuti langkah-langkahnya di bawah
Langkah pertama buat pasang
Cara Mudah Modifikasi Kolom Comment Versi 3
Masuk ke,blog sobat semuah pilih Tambahkan Gadget pili HTML/JavaScript
lalu ambil Code di bawah mas.

<style type='text/css'>/*comment area  By Selladrt*/
#comments h4{font-size:14px;
}
#comments{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD5FCK8kk_A2XM139XtIopvGdd0k7RB5W02aZZ5bkK7hkysd48yOGC5c20zt3y1f7Ybro9YeUuHZE7tZL0VskjTPEflLyOsG9htO-vo8A6rHvRHsSVzv_vPlxdkmOw9jjVoVQsNWt_pys/s1600/Hover+Comentar+Sella.jpg);margin-top:0;padding:30px 50px 0 70px;border-top:6px solid;border-bottom:6px solid;
}
.share, .comments-content .datetime a{float: inherit;
}
.comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments-content{background:#990000;width:auto;font-size:14px;color:#0000FF;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:4px double #00FF00;
}
.comment-thread ol li{background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0 auto;font-size:14px;color:#00FFFF;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:9px double #990099;-moz-box-shadow:inset 0 0 9px #990000;-webkit-box-shadow:inset 0 0 7px #0000FF;box-shadow:inset 0 0 15px #FFFF00;
}/*Orginal Editing Selladrt*/
.comment .comment-block p.comment-content{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih4CUo10AzzY2r_Djca-yLt3W3wIql815lcC2MrG5Vo0DYas8BbavJU12btZj-VpfFCane2zy3ylnWKe7YzB3YPJCKDGRlm26np1YEq7Nm4yF_rmzi8wRBvQY8Wq2HQBWvpY_gbl7Fh0o/s640/Hofer+Red+Sella.jpg);border: 4px double #FFFF00;box-shadow:inset inset 0 0 5px #9900FF;-moz-box-shadow:inset 0 0 5px #0000FF;-webkit-box-shadow:inset 0 0 5px #9900FF;margin-right:-5px;padding: 5px;z-index:-999;
}
.comments .continue a,.comment-actions a{display:inline;background:#0000FF;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:14px;color:#990000;padding:4px;border:1px solid #990000;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;
}
.comments .continue a{float:right;margin:-10px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#00FF00;background:#0080FF;padding:10px 10px 10px 10px;
}
.avatar-image-container{-moz-border-radius:80px;-webkit-border-radius:80px;border-radius:80px;border:7px ridge #00FF00;
}
/*Desain http://bloggertutoria.blogspot.com*/
#comment-holder kode,#comment-holder i[rel="kode"] {display:block;padding:5px;margin:8px; font-size:14px ;font-style:italic; background: #0F0; color:#990000;border:4px double #990000;
}
#comment-holder .gambar, #comment-holder i[rel="image"] {display:block;background: #90C;border:4px double #990000;margin:0 auto;padding:5px; width:600px; height:200px;
}
#comment-holder .vidio{display:block;background: #90C;border:9px double #990000;margin:0 auto;padding:5px; width:800px; height:300px;
}
</style>

Kalu langkah diatas selasai semuah simpan Template
lihat hasilnya seperti biasa sobat bisa sesuwaikan dengan template sobat.
Sekian dulu dari kami semoga berguna buat sobat yang berminat pasang
hasil Modivikasi kami.

{ 31 comentários... read them below or Comment }

Unknown6 Februari 2013 pukul 08.36
wah keren sob, makin mantep aja nih :D
BalasHapus
Balasan
Anonim6 Februari 2013 pukul 09.30
wow, kreativitas tanpa batas. Dapat membuat menjadi lebih keren kotak komentarnya. Tetapi kalo penuh warna terus menjadikan silau men,kayaknya malah buat blog berat. Dan gak mesti semua template cocok untuk dibuat kayak gituan.

By the way, blognya bagus dan artikelnya unik (gak seperti tempat lain) sayang berat banget.
BalasHapus
Balasan
Anonim6 Februari 2013 pukul 13.54
Tambah rame nih blog :D
BalasHapus
Balasan
Unknown6 Februari 2013 pukul 15.16
selamat pagi sobat,, :D
kunjungan pagi sambil minum kopi hangat.. hehhe :D
BalasHapus
Balasan
Asuka6 Februari 2013 pukul 16.02
Wah, blog nya gak bisa dibuka versi mobile nih sob. :v
BalasHapus
Balasan
zigzoor6 Februari 2013 pukul 16.35
kreatip si akangmah eung..terima kasih sudah di bagi2 ilmunya.
BalasHapus
Balasan
seno6 Februari 2013 pukul 16.49
keren banget jadinya, boleh nanti dicoba. thx
BalasHapus
Balasan
Unknown6 Februari 2013 pukul 19.43
Selamat pagi.. terima kasih share ilmunya, keep posting yaa... :)

sebelumnya maaf, sebagai sahabat saya mau kasih saran, kan blognya udah bagus banget sayang loadingnya lama, berat... mungkin bisa dikurangin lagi widget atau dirampingkan templatenya, maaf yaa aku bilang gini, soalnya aku suka blog ini cuma itu loadingnya lama...
salam sukses untuk blog Tutorial :)
BalasHapus
Balasan
kk ps6 Februari 2013 pukul 21.44
masih pake yang versi 2 klo bosan ganti sama yang ini.terimakasih mas
BalasHapus
Balasan
Anonim6 Februari 2013 pukul 23.22
bagus gan, tp ane lum brani otak atik blog ane hehehe
BalasHapus
Balasan
Masnady7 Februari 2013 pukul 02.16
wah mantap sobat... oya maaf nih sob saya baru bisa komen, sebenernya kemarin sech sudah sampai sini, tapi template sobat baru, eh saya nggak bisa ninggalin komentar, kolom komentarnya nggak bisa di buka. hehehe

untung sekarang dah ganti lg, jadi saya bisa koment dech hehehehe.

oya kopinya jangan lupa di minum sobat, ntr keburu dingin lho wkwwkwkwkw
BalasHapus
Balasan
Unknown7 Februari 2013 pukul 03.47
wah jadi kpengen nih..
comment back ya mas,
http://javakahuripan.blogspot.com/
BalasHapus
Balasan
Kang Muroi7 Februari 2013 pukul 07.03
Maaf baru mampir lagi sob,makasih buat tutorialnya yang muntap
BalasHapus
Balasan
Unknown8 Februari 2013 pukul 06.41
Salam kenal sob blog nya keren penuh warna
BalasHapus
Balasan
Anonim8 Februari 2013 pukul 23.01
semoga di beri pencerahan ya bu genk .. piss ah.
BalasHapus
Balasan
Timotius Joso17 Februari 2013 pukul 00.25
bisa diganti gk warnanya

JOS998.blogspot.com
BalasHapus
Balasan
Admin+22 Februari 2013 pukul 03.05
Amazing gan i like this,,,hehehehe met sore sobat apakabar semoga sehat selalu
BalasHapus
Balasan

Tambahkan komentar

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--

Cara Mudah Modifikasi Kolom Comment Versi 3

{ 31 comentários... read them below or Comment }

Gabung Yuk

Labels

Mengenai Saya

Pengunjung

Labels

Pengikut