Pertama, tentunya sodara siapin dulu sebuah gambar. Boleh gambar apa aja. Asal jangan gambar yang nggak2. hihihi. Klo mw niat dikit, bikin aja gambar tanda tangan.
Contoh, Saya sediain gambar berikut :
Agar tidak perlu mengulangi pembahasan yang sudah pernah, silahkan Sodara baca dulu tutorial membuat komentar admin beda warna.
Sama persis kok langkah2nya.
Yang sedikit membedakan, Sodara cuma perlu menambahkan kode berikut di atas kode ]]</b:skin>
Sama persis kok langkah2nya.
Yang sedikit membedakan, Sodara cuma perlu menambahkan kode berikut di atas kode ]]</b:skin>
.comment-body-author {
background: #ebebeb url(http://i1208.photobucket.com/albums/cc361/firmansyah85/textspace_1312618678_01cd1515.gif) bottom right no-repeat;
border:1px dotted #000000;
margin:0;
padding:0px 0px 80px 20px;
}
background: #ebebeb url(http://i1208.photobucket.com/albums/cc361/firmansyah85/textspace_1312618678_01cd1515.gif) bottom right no-repeat;
border:1px dotted #000000;
margin:0;
padding:0px 0px 80px 20px;
}
Kode itu akan menampilkan gambar/tanda tangan pada komentar admin, dengan hasil :
- Warna background : #ebebeb - Silahkan diganti
- Terletak di kanan bawah (bottom right no-repeat) - Seperti umumya tanda tangan
- Garis tepi : border:1px dotted #000000 - Bisa diganti
- Tata Letak kotak komentar : padding:0px 0px 80px 20px;
(margin dalam bawah 80px, memberikan space untuk gambar agar tampil seluruhnya -tinggi gambar 80px - walaupun komentar hanya sedikit)
Gimana, mudah kan? intinya trik blog tanda tangan dibawah komentar admin ini hanya menambahkan gambar, kemudian sedikit mengatur margin dalam agar gambar bisa tampil sempurna.
Happy blogging...
- Warna background : #ebebeb - Silahkan diganti
- Terletak di kanan bawah (bottom right no-repeat) - Seperti umumya tanda tangan
- Garis tepi : border:1px dotted #000000 - Bisa diganti
- Tata Letak kotak komentar : padding:0px 0px 80px 20px;
(margin dalam bawah 80px, memberikan space untuk gambar agar tampil seluruhnya -tinggi gambar 80px - walaupun komentar hanya sedikit)
Gimana, mudah kan? intinya trik blog tanda tangan dibawah komentar admin ini hanya menambahkan gambar, kemudian sedikit mengatur margin dalam agar gambar bisa tampil sempurna.
Happy blogging...
Tidak ada komentar:
Posting Komentar