Cara Mudah Membuat Highlight Author Comment di Blog

Pada kesempatan siang ini Tutorial For You share artikel tentang mempercantik tampilan kotak komentar dan sudah banyak juga artikel tutorial-4u untuk mempercantik tampilan kotak komentar, seperti Cara Membuat Show Hide Pada Komentar Dengan JQuery, Cara Memasang Banner Di Samping Kotak Komentar, Cara Mencegah Link Aktif Masuk Ke Dalam Komentar, dan tutorial kali adalah highlight author comment yang berfungsi agar author comment (admin pemilik blog) berbeda dengan komentar pembaca.

Tampilannya seperti komentar di blog ini,

Untuk membuatnya mari kita ikuti tutorial Cara Membuat Highlight Author Comment berikut ini:
    
    1.     Login ke 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.    Setelah selesai simpan template sobat dan lihat hasilnya

Catatan : Ganti kode warna background yang sesuai dengan template sobat, untuk melihat kode warna sobat bisa lihat di sini

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Mudah Membuat Highlight Author Comment di Blog. Anda bisa bookmark halaman ini dengan URL http://paste-text.blogspot.com/2013/01/cara-mudah-membuat-highlight-author.html. Terima kasih!

Ditulis oleh: Unknown - Jumat, 18 Januari 2013