Highlight Author Comment

Senin, 13 Agustus 2012 | 9komentar

Highlight Author Comment
Cara Membuat Highlight Author Comment - Kode CSS untuk Highlight Author Comment - Ada kesukaan baru Shaka InghetS akhir-akhir ini yaitu membaca setiap komentar yang masuk. Beragam komentar, dari komentar serius, komentar perlu, dan yang paling menyedihkan adalah komentar ijin copas dengan cara basa-basi. Tapi sudahlah.., karena itu semua sudah berbalas, toh...,copas akan tetap hidup bilamana google masih lumpuh terhadap blog AGC.

Sebenarnya sieh bukan itu masalahnya, yang membuat semangat dari membolak-balik baca komentar ini, namun adanya Highlight Author Comment pada blog Shaka InghetS ini. Llihat screenshot disamping (komentar admin berlatar abu-abu) Highlight Author Comment mampu membedakan tampilan komentar pemilik blog dengan kotak komentar pengujung. Sobat tertarik untuk Membuat Highlight Author Comment seperti ini ? Saya hanya minta satu syarat, pasang System Threaded Comments terlebih dahulu, karena bila ini tidak terpasang di blog sobat, Highlight Author Comment ini tak akan berfungsi.

Pertama yang perlu sobat lakukan untuk Membuat Highlight Author Comment ini adalah ,
 Login ke Akun Blogger sobat
 Klik "Rancangan (Design)".
 Kembali halaman baru akan terbuka, klik "Edit HTML".
 Backup atau Restore Template terlebih dulu, lakukan ini sesuai anjuran untuk menjaga segala kemungkinan terburuk,
       
    Lalu cari kode ]]></b:skin>.
    Copy kode css dibawah dan letakkan di atas ]]></b:skin>

.comment-block{
      position:relative;
      padding:8px;
      border:1px solid #ddd;
      border-radius:4px;
}
.comment-block:hover{
      background:#26301E;
      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);
}

Lalu simpan template, lihat hasilnya !

Tak yang ada sulit jika kita mau berusaha termasuk copy paste, terlebih Highlight Author Comment ini penempatan kode css hanya pada skin saja. 
Met soum ...
Happy Blogging !

Thanks to My Inspiration
Share this article :
Judul: Highlight Author Comment
Rating Blog: 5 dari 5
Ditulis oleh Unknown
Anda sedang membaca artikel Highlight Author Comment. Anda bebas Copas untuk kode HTML pada Tutorial Blogging dan Tips Blogging, namun jika terpaksa ingin mengutip secara keseluruhan harap memberikan link aktif dofollow ke URL inihttp://evawangi.blogspot.com/2012/08/highlight-author-comment.html. Terima kasih sudah singgah dan berkomentar di blog ini.

9 komentar:

  1. gan, kenapa link saya belum terpasang?? link kamu sudah terpasang sejak lama di sidebar saya, jadi mohon segera pasang link saya, saya tunggu 3 hari lagi ya tapi kalo bisa secepatnya..


    thank's sebelumnya!

    BalasHapus
    Balasan
    1. Maaf sobat mungkin saya lupa atau mungkin terlewati saat membaca komentarmu.
      Makasih tuk koreksinya,saya suka ini,happy blogging.

      Hapus
    2. sob, blog kamu sudah saya follback,!!

      oh ia link cuma terload di halaman homepage ya sob cuma terload 1 page doank donk?? kalo itu ane pindahin link kamu ke posting khusus tuker link ya...

      kamu juga boleh pindahkan link saya ke salah satu postingan kamu gan, pokoknya 50-50 gitulah...

      Hapus
    3. Ya sop,nanti saya pindahin widget Tukeran Link-nya ke ke posisi Top Commentators biar keload semua page,Ok?!
      Thanks ya.

      Hapus
  2. hehehe keren nich sob, jadi tampil beda antara komentator dan empunyanya blog.. thank ya dah dishare.. kalau ada waktu boleh ni coba..met malam aja , salam

    BalasHapus
    Balasan
    1. Rupanya yang sudah ngeruk dollar di Jakarta sudah datang,hehe(hanya nebak saja) abisnya lama ga online.
      Yup Mas,tampil beda kotak komentar menambah semangat blogging,hehe.
      Selamat datang,malam kembali and tentunya happy blogging.

      Hapus
  3. bisa buat variasi komentar nich..

    BalasHapus
  4. casino online saya harus mengatakan bahwa secara keseluruhan saya benar-benar terkesan dengan blog ini.

    BalasHapus

Tulis Komentar Yang Menyejukan Hati saja.
Tidak menerima Komentar Yang bermuatan Sara, Politik, Makar,
tidak pula Komentar Yang menjurus Iklan.
Terima Kasih sudah sedikit meluangkan Waktunya disini!

Ketik Yang Sobat Mau !

Artikel Terbaru

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2012. Shaka InghetS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger