Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Sunday, July 7, 2013

Cara mempercantik gambar komentar blog

Avatar comment adalah gambar icon dari setiap pengunjung atau user yang memberikan pesan komentar kepada suatu halaman postingan blog. Dalam tehnik bloging komentar dari para pengunjung sangat kita butuhkan dimana hal tersebut selain membuat halaman blog kita nampak hidup, dapat juga meningkatkan nilai tersendiri halaman blog. Dalam postingan kali ini saya akan memberikan suatu trik cara mengganti bentuk devault avatar comment agar kelihatan lebih menarik. Id dari trik kali ini saya ambil dari model Avatar Google Plus yang memang saya rasa menarik. Dalam trik blog kali ini saya merubah bentuk devault avatar comment menjadi bulat dengan sistem CSS.


  1. Login to Blog
  2. Klik " Template " lalu pilih " Edit HTML "
  3. Cari code .avatar-image-container img{......} Letak code tersebut biasanya dibagian <b:skin> atau <style>
  4. Setelah dapat code diatas, sekarang anda hanya tinggal menambahkan code ini : border:#fff solid 2px;border-radius:30px; sehingga akan seperti code dibawah ini.

.avatar-image-container img{max-width:38px;border:#fff solid 2px;border-radius:30px;}

Note : Bila code yang ada diatas tidak ada pada template blog anda silahkan cari code [ avatar img ] kemudian tambahkan code berwarna biru diatas. Silahkan berikan komentar anda dan lihat hasilnya untuk DEMO pada blog ini.

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 11:34 AM

2 comments :

  1. Makasih mas, lsg di praktekkan :D

    ReplyDelete
  2. silahkan mas, bila ada masalah share ma saya biar makin kompak..

    ReplyDelete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog