Minggu, 31 Maret 2013
Jika Anda penasaran ingin membuatnya di blog silahkan ikuti langkah-langkah pembuatannya sebagai berikut :
- Login akun blogger Anda.
- Pilih 'Template' > 'Edit HTML' > klik 'Expand Template Widget'.
- Cari kode </body> (gunakan Ctrl + F untuk mempercepat pencarian).
- Copy kode dibawah ini dan paste tepat diatas kode </body> Keterangan :
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyVUk0yUq3TZG4kd4kEQRILudzsQWCa9nUSGbqsCj74GOQTLtI5MDkqVGz_QVV04AbtQxCCExFsZqACJ0YSwpp1G9hSILpLUhStZ32I5QbAo_FcbNMPqakf1cr-W6qeXbIGi62Guw1uJs/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
1px solid #e1e1e1 : tampilan warna garis dan garis komentar.
#f1f1f1 : tampilan warna background.
kode merah : tampilan gambar tulisan Admin
'padding', '10px' : tampilan jarak garis pinggir ke tulisan. - Klik Simpan Template, Dan Liat Hasilnya