Blog Optimization | Optimasi Blog
Blog Optimization | Optimasi Blog |
Posted: 23 Jun 2011 05:19 AM PDT Kenapa “gambar avatar komentar” di blogspot Anda kelihatan lebih besar? Kenapa juga letaknya berbeda dengan default blogspot? Dalam blogspot terdapat kode-kode embeded—kode perintah spesifik oleh pihak developer untuk menunjang kinerja mesin blogger—yang berfungsi mengatur secara default tampilan blog. Nah, termasuk didalamnya adalah pengaturan tampilan komentar (red=“bukan formulir komentar”). Silakan Anda koreksi, jika frase kata yang berwarna merah (dalam tanda kutip) keliru. Apabila Anda ingin mengetahui kode CSS embeded tersebut, coba buka blog Anda & tekan tombol Ctrl + U pada papan ketik. Mungkin Anda akan melihat kode seperti ini:
Dari bundle CSS di atas akan kita temui kode avatar komentar sebagai berikut.
Kode yang berwarna hijau dapat Anda lihat tampilannya pada komentar klasik blogspot. Sedangkan yang berwarna merah merupakan tampilan avatar komentar di bawah posting. Memperbesar gambar avatarUntuk memperbesar gambar avatar pada komentar di bawah posting, maka kita akan menggunakan kode CSS yang berwarna merah & letakkan di atas
Catatan: Silakan dirubah nilai atribut Merubah letak avatarLihat kembali kode untuk “memperbesar gambar avatar”, kemudian ganti atribut Anda dapat pula menambahkan atribut lainnya, contoh
Mengganti gambar blankTampilan blank pada avatar akan terjadi jika pengomentar menggunakan identitas “Anonymous” atau “Name/URL” atau tidak memiliki gambar avatar pada identitasnya. Untuk mengganti gambar blank dengan gambar yang Anda inginkan, maka kode yang digunakan adalah sebagai berikut:
Tambahkan atribut:
Silakan ubah alamat & nilai dari masing-masing atribut yang ditandai dengan warna hijau. Dan agar tampilan gambar lebih bagus, sebaiknya gambar avatar yang Anda upload berukuran sama dengan atribut Hasilnya akan terlihat seperti di bawah ini. Kemudian letakkan di atas kode ]]></b:skin> .Mempercantik avatar dengan CSS3Terakhir, untuk mempercantik tampilan avatar komentar dapat menggunakan CSS3, antara lain rounded corner & box shadow.
Catatan: Anda pun bisa melakukan kostumisasi lain, sehingga tampilan avatar komentar mampu mewakili keinginan dan kebutuhan Anda. |
You are subscribed to email updates from Blog Optimization | Optimasi Blog | Tips SEO dan Trik Blogger Indonesia To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
Jangan Lupa Jempolnya :