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/AVvXsEjC9is0ho2Xn9ROqoz5iGMdQCx_QD6vK0XvkWWZbtNrG5iumGOUB9JvpN-T-Lfc6VtVz_A0xGLCqLodtyYSNFZohqONLpYA_0xKolf0dup9P_b-7-R-p9NIyEKwZ9sWjcsnhQe0fz3CuyA/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'.
Tidak ada komentar:
Posting Komentar