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> <script src='http://code.jquery.com/jquery-latest.js'/>Keterangan :
<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/AVvXsEgu3KbTbttZDLk2F_slg-UbjXXFe3f_y8QZEzuVT8kzdfsAU_a25LQqJABB6BtLd_UJK7_aK0JGdpwXhmaM0jgj6g3Si0gZECSzGuE92pIs23EElRlD06G-Un_A1neb569999iSGkBOu9U/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, jika ingin mengganti tulisan gambar klik disini.
'padding', '10px' : tampilan jarak garis pinggir ke tulisan. - Klik 'Pratinjau' dan lihat hasilnya, kalau sudah berhasil klik 'Simpan template'.
Post a Comment