Widget Ucapan Terima Kasih Untuk Komentar Blogger

Ucapan Terima Kasih Untuk Komentar Blogger - Halo sobat, di post kali ini saya akan membagikan sebuah tutorial bagaimana caranya membuat ucapan terima kasih di kolom komentar di blog, cara ini sendiri saya dapatkan dari sebuah situs yang bisa dibilang master nya blogger di indonesia hehe,.. 

Ucapan terima kasih ini tidak akan tampak sebelum pengunjung atau komentator menghover comment-form. Ketika pengunjung atau komentator meng-hover comment-form, maka ucapan terima kasih ini akan muncul di atas editor komentar dengan slide dari kiri ke kanan.

Buat kalian yang ingin melihat demo nya, silahkan arahkan kursor kalian ke form komentar 

nah tanpa banyak basa basi lagi, silahkan ikuti step by step nya di bawah ini :

1. Kode CSS

.comment_thanks{background:#4D90F0;color:#fff;padding:5px 8px;position:absolute;right:300px;top:-6px;opacity:0;transition:all .4s ease-in-out;z-index:999;font-size:12px;font-weight:700;border-radius:2px;border:1px solid #3079ED}

.comment-form:hover 

.comment_thanks{opacity:1;right:0}

.comment_thanks_box{position:relative}

2. Silahkan Cari Kode di Bawah ini

<b:includable id='comment-form' var='post'>

3. Di bawah kode tadi terdapat 2 buah kode seperti di bawah ini

<data:blogTeamBlogMessage/>

4. Maka simpan kode di bawah ini tepat di atas kode <data:blogTeamBlogMessage/> yang kedua.

<div class='comment_thanks_box'>

<span class='comment_thanks'>Terima Kasih Sudah Berkomentar</span></div>  

5. Selesai ...

Ok gimana ? berhasil gak brow ? jika berhasil selamat, jika gagal silahkan bertanya di komentar di bawah ya gan  :D  mungkin cukup sekian artikel kali ini yang berjudul Widget Ucapan Terima Kasih Untuk Komentar Blogger dan Terima Kasih

Share this post