Kali ini Saya akan membahas cara membuat komentar admin blog berbeda dengan pengunjung blog.
Kadang-kadang pengunjung blog bingung ketika berkomentar ada yang membalas dan ternyata bukan si admin blog, terkadang pengunjung blog bertanya-tanya "mana ini admin blog tidak dibalas komentar ane" padahal komentarnya itu sudah dibalas admin blog, nah makanya itu Saya membuat tutorialnya agar bisa membedakan komentar admin dan pengunjung.
Tanpa berlama-lama berikut cara membuatnya ↓
- Login ke blogger.com, jika sudah,
- Pilih Template → Edit HTML → Centang Expand Template Widget
- Setelah itu cari kode </body> , agar mudah mencari tekan f3
- Lalu letakkan script di bawah ini, di atas kode </body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<!--admin comment -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #1919B3 ')
.css('background','#1919B3 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Vav1cA2HhoNbc_gaCs4IoKSnspfgu4sopRxMsV2F6masSiR8o9pJAq5IIxc1YirEmqVuQ65scGhFUk4hLXVIIWu7Wwqeq19XCnKvfV_5Vq5IhKQlB19PCM-IK6R26j_hQZS7HDySevE/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- admin comment end-->
- Simpan dan lihat hasilnya.
Keterangan :
- Tulisan #1919B3 adalah kode warna border atau garis tepi komentar admin dan bisa dirubah
- Tulisan #1919B3 adalah kode warna background komentar admin dan bisa dirubah
- Tulisan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Vav1cA2HhoNbc_gaCs4IoKSnspfgu4sopRxMsV2F6masSiR8o9pJAq5IIxc1YirEmqVuQ65scGhFUk4hLXVIIWu7Wwqeq19XCnKvfV_5Vq5IhKQlB19PCM-IK6R26j_hQZS7HDySevE/s1600/admin2.png adalah url gambar yang bertuliskan admin dan bisa dirubah.
Selamat Mencoba !
Tidak ada komentar:
Posting Komentar