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.
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
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..
BalasHapusthank's sebelumnya!
Maaf sobat mungkin saya lupa atau mungkin terlewati saat membaca komentarmu.
HapusMakasih tuk koreksinya,saya suka ini,happy blogging.
sob, blog kamu sudah saya follback,!!
Hapusoh 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...
Ya sop,nanti saya pindahin widget Tukeran Link-nya ke ke posisi Top Commentators biar keload semua page,Ok?!
HapusThanks ya.
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
BalasHapusRupanya yang sudah ngeruk dollar di Jakarta sudah datang,hehe(hanya nebak saja) abisnya lama ga online.
HapusYup Mas,tampil beda kotak komentar menambah semangat blogging,hehe.
Selamat datang,malam kembali and tentunya happy blogging.
bisa buat variasi komentar nich..
BalasHapusmksh infonya
BalasHapuscasino online saya harus mengatakan bahwa secara keseluruhan saya benar-benar terkesan dengan blog ini.
BalasHapus