Cara Membuat Widget Hubungi Saya di Blog

Berinteraksi dengan pengunjung blog itu penting. Kebanyakan, para pemilik blog melupakan hal ini, seperti tidak tersedianya tombol yang fungsinya untuk berkomunikasi dengan visitor. Kalaupun ada form kontak, biasanya mereka lupa untuk memberitahukan kepada pengunjung, lupa menaruhnya di navigasi atau widget. Untuk itu, perlu ditambahkan widget yang berisi tombol aksi untuk mengarahkan ke Form Kontak.

Dengan adanya widget tombol ini, pengunjung bisa mengklik tombolnya dan mengirimkan pesan pada kamu sebagai adminnya. Gak perlu repot kok, saya sudah menyediakan caranya untuk membuat widget hubungi saya di blog.

1. Pertama, masukkan kode di bawah ini pada template blog Anda, tepat di atas kode </head>

<link href="http://belajarnge.web.id/alat/boxSaya.css" rel="stylesheet">

2. Pergi ke Bagian Tata Letak di Dasbor, klik tulisan "Tambahkan Widget".
3. Pilih yang HTML / Javascript. Masukkan kode di bawah ini

<div class="boxSaya" id="boxHijau">
     <img src="LOKASI GAMBAR PROFIL" class="fotoSaya" />
     <div id="namaSaya">Riyan Satria</div>
     <a href="LOKASI LAMAN KONTAK" class="tombolBiru">Hubungi Saya</a>
</div>

Keterangan :
- id boxHijau merupakan pemilihan warna dari latar belakang box. Tersedia warna Hijau, biru, merah, ungu, dan oren dengan id => boxHijau, boxBiru, boxMerah, boxUngu, dan boxOren

- LOKASI GAMBAR PROFIL diisi dengan URL yang menjadi lokasi foto / gambar yang ingin ditampilkan di widget

- Riyan Satria diganti dengan nama kamu

- LOKASI LAMAN KONTAK merupakan URL halaman yang memuat form kontak di blog kamu

- tombolBiru adalah warna latar belakang tombol, warna yang tersedia sama seperti box-nya. Hanya saja yang beda itu class-nya, tombolBiru, tombolHijau, tombolOren, dan seperti warna yang ada.

4. Setelah itu Simpan dan lihat hasilnya.

Seperti keterangan di atas, kamu bisa mengganti warna sesuai dengan keinginan agar bisa sinkron dengan tampilan di blog. Semoga bermanfaat.