Cara membuat Highlight Author Comment pada Blog

Pada kesempatan siang ini saya akan berbagi artikel tentang mempercantik tampilan kotak komentar dan tutorial kali ini adalah highlight author comment yang berfungsi agar kolom komentar author (admin pemilik blog) berbeda dengan kolom komentar pengunjung dengan warna seperti menyala apabila kursor diarahkan ke kotak komentar author atau pun komentar pengunjung pada blog. Pastinya akan memberikan perbedaan mana author dan mana pengunjung dengan highlight warna yang menyala tersebet. Apakah sobat tertarik memasangnya? Silahkan ikuti langkah-langkah dibawah ini :


1. Login Blogger
2. Kemudian pilih Template > Edit HTML > Proses
3. Cari kode ]]></b:skin>
4. Copy dan pastekan kode di bawah ini tepat di atas kode ]]></b:skin>
.comment-block{
          position:relative;
          padding:8px;
          border:1px solid #ddd;
          border-radius:4px;
    }
    .comment-block:hover{
          background:#f3f3f3;
          border:1px solid #999;
          box-shadow:4px 4px 4px #444;
    }
    .comment-block .icon.blog-author{
          position:absolute;
          right:0;
          bottom:0;
          opacity:0.2;
          filter:alpha(opacity=20);
          background-color:lightblue;
          background-position:bottom right;
          width:100% !important;
          height:100% !important;
          margin:0 !important;
    }
    .comment-block:hover .icon.blog-author{
          background-color:transparent;
          width:20px !important;
          height:20px !important;
          opacity:1.0;
          filter:alpha(opacity=100);
    }   
5. Save Template dan lihat hasilnya sobat

Selamat mencoba sobat, silahkan komen dibawah ini jika da pertanyan. Good Luck ^_^

4 komentar

Write komentar

Berkomentarlah sesuai konten. NO SARA, NO SPAM, NO LINK AKTIF dan semacamnya.
Terima kasih.

Conversion Conversion Emoticon Emoticon