Cara Lengkap Membuat Menu Contact Us di Blog - Membuat menu Contact Us di blog digunakan agar lebih mendekatkan antara pengunjung dan
pemilik blog. Dengan adanya menu Contact Us di blog, para pengunjung blog bisa
menghubungi si pemilik blog apabila ada sesuatu hal yang ingin ditanyakannya.
Selain itu, membuat Contact Us di blog juga dapat dijadikan sebagai alat yang
sangat menguntungkan, semisal pengunjung blog tersebut ingin bekerjasama atau
bahkan tertarik utuk memasang iklannya di blog kita. Sangat keren bukan? Jadi,
jangan sampai blog kita tidak punya yang namanya Contact Us. Lantas, bagaimana
cara membuat Contact Us di blog yang kita kelola? Caranya gampang. Berikut ini
saya berikan cara lengkap membuat Contact Us di Blog.
Untuk
membuat menu Contact Us di blog, ada tiga hal penting yang harus kita lakukan, yakni
membuat Contact Form, menyembunyikan Widget Contact Form, dan terakhir membuat
Laman/Pages khusus untuk Contact Form tersebut.
Cara Membuat Contact Form di Blog
Hal
pertama yang harus kita lakukan untuk membuat Contact Us di blog adalah membuat
Contact Form atau Formulir Kontak terlebih dahulu. Berikut caranya:
1.
Log in ke akun Blogger anda
2.
Pilih blog yang ingin anda buat contact us nya. Cara langsungnya pilih tanda
panah bawah lalu pilih Layout. (Lihat gambar biar lebih jelas)
3.
Lalu pilih Add a Gadget. Disitukan banyak pilihannya tapi kalo saya lebih suka
yang ada di sidebar. (lihat gambar)
6.
Tulis pada bagian Title sesuka hati misalnya Contact Us, Contact Form, dsb.
8.
Maka widget formulir contact anda sudah muncul
9.
Geser atau pindahkan gadget Contact tadi ke bawah postingan
10.
Lalu jangan lupa disimpan.
Setelah
Contact Form siap, maka tugas selanjutnya adalah menyembunyikan Widget Contact
Form tadi.
Cara menyembunyikan Widget Contact Form
1.
letakkan kode dibawah ini ke dalam menu Edit HTML (buka dari Template).
.widget.ContactForm
{ display: none; }
Kode di atas tersebut letakkan di atas kode ini
]]></b:skin>
2.
Lalu Simpan.
Langkah
terkhir yaitu membuat Laman/Pages untuk Contact Form tadi Caranya yaitu
Cara Membuat Laman Contact Form
1.
Pilih Pages kemudian pilih Create a new page.
2.
Lalu dalam pilihan editor pilih mode HTML
3.
Masukkan Kode dibawah ini
<style type="text/css"> .widget.ContactForm { display: block; } .post-footer { display: none; } #blog-pager { display: none; } .blog-feeds { display: none; } .widget.ContactForm .title { display: none; } .widget.ContactForm * { max-width: 100%; } </style>
4.
Buat Judul di title terserah anda misal Contact Us atau Contact Form, Lalu pilih
Publish.
Sebenarnya
sudah selesai gan, tapi jika bentuknya masih berantakan seperti misalnya
terletak dibawah kolom komentar (lihat gambar)
Anda
harus masih mengeditnya lagi supaya rapi. Cara Merapikan laman dan bentuk Contact Us di Blog yang berada di bawah kolom komentar adalah sebagai berikut.
1.
Buka Pages/laman lalu pilih Edit
2.
Pilih Options, kemudian pilih Don't allow, hide existing, lalu done
3.
Dan terakhir pilih Update/Perbarui
4. Selesai! akhirnya anda kini punya menu Contact Us di blog. Dan sekarang anda hanya perlu menaruh link Contact Us/Contact Form tersbut ke menu bar blog anda agar laman Contact Us tersebut bisa muncul dan dengan mudah terlihat oleh pengunjung.
Itulah tadi cara lengkap membuat menu Contact Us di blog dan Semoga Bermanfaat!
Title : Cara Lengkap Membuat Menu Contact Us di Blog
Description : Cara Lengkap Membuat Menu Contact Us di Blog - Membuat menu Contact Us di blog digunakan agar lebih mendekatkan antara pengunjung dan pem...