Membuat Tombol Feedback Untuk Blog

Seringkali kita melihat website atau blog terdapat tombol umpan balik mengambang atau Tombol Feedback yang nampak dan mengambang walaupun kita telah scrooling page. Tentunya kita berpikir bagaimanakah membuat Tombol FeedBack tersebut? Membuat Tombol Feedback Untuk Blog sangat mudah sekali, kita hanya menyediakan link gambar feedback dan membuat form untuk saran dan pesan. Untuk membuat form anda tinggal memilih beberapa publiser penyedia seperti emailmeform. Tata cara pembuatan kontak form silakan anda kunjungi Membuat Email Form Atau Kontak Saya. Tombol feedback adalah merupakan tool untuk memberikan kesempatan bagi pengunjung untuk memberi saran kepada kita mengenai blog atau artikel yang kita sajikan.

Cara Menambahkan Tombol Umpan balik/Feedback ke Blogger

Langkah-langkah cara menambahkan tombol umpan balik sangat sederhana. Download ikon dan tombol upload umpan balik favorit Anda di Blogger. Setelah selesai, Anda kemudian dapat mengikuti beberapa langkah di bawah ini,

1. Login di Bloger Anda
2. Pilih Tambah Gadget.
3. Pilih HTML/Javascript
4. Masukan kode di bawah ini.

<a style="display:scroll;position:fixed;bottom:50%;left:0px;" href="http://www.emailmeform.com/builder/form/5J7eKt10d8QC0" title="Feedback Please, Can't go further without your help" target="_blank"><img src="https://sites.google.com/site/kodegratis/feedback1.jpg" /></a>

• Secara default tombol akan muncul di sebelah kiri tetapi jika Anda ingin beralih ke kanan rubahlah tulisan yang berwarna kuning.
• Ganti URL halaman kontak dengan link alamat kontak anda pada tulisan berwarna biru.
• Ganti dengan judul anda pada tulisan berwarna pars.
• Pada tulisan berwarna merah merupakan gambar feedback anda. bisa di ganti dengan gambar lain sesuai keinginan anda.

Anda juga bisa mencoba kode berikut.

<a style="display:scroll;position:fixed;bottom:5px;left:0px;" href=" http://www.emailmeform.com/builder/form/5J7eKt10d8QC0" title=" Feedback Please, Can't go further without your help" target="_blank"><img onmouseover="this.src='https://sites.google.com/site/kodegratis/largefeedbackbutton%5B1%5D.jpg'" src="https://sites.google.com/site/kodegratis/smallfeedbackbutton%5B1%5D.jpg" onmouseout="this.src='https://sites.google.com/site/kodegratis/smallfeedbackbutton%5B1%5D.jpg'"/></a>

• Untuk tulisan berwarna merah adalah gambar feedback besar saat mouse mengarah ke fokus link feedback.
• Untuk tulisan berwarna hijau adalah gambar feedback kecil saat mouse meninggalkan fokus link feedback.

Perbedaan dari kedua kode diatas yaitu pada kode pertama gambar feedback tidak berubah seiring dengan mouse menuju pada fokus link sedangkan kode kedua berubah seiiring dengan mouse menuju dan meninggalkan fokus link. Tergantung anda memilih yang mana?.

Demikian tips belajar Membuat Tombol Feedback Untuk Blog semoga bermanfaat. Terima Kasih.