Cara Memasang Widget Formulir Kontak Baru Blogger di Menu Blog

1/27/2013
Kabetulan hari ini ada waktu luang, jadi saya ada kesempatan buat nambah jumlah postingan blog. Pada kesempatan ini saya akan berbagi trik Cara Memasang Widget Formulir Kontak Baru Blogger di Menu Blog.


Widget Formulir Kontak ini merupakan koleksi terbaru dari widget blogger. Seperti widget-widget lainnya widget ini juga terpasang pada kolom widget dan tampil pada halaman utama (home). Sepertinya kurang relevan ya... jika contact form ini terpajang langsung di halaman muka blog.

Nah, tentu keinginan kita adalah bagaimana agar widget ini berada pada halaman statis atau halaman tab blog seperti gambar di bawah ini.


Untuk membuat formulir kontak seperti milik saya, ada beberapa langkah yang perlu Anda ikuti, lihat  berikut ini :
1. Pertama kita akan menyembunyikan widget dari halam utama blog dengan menambahkan kode di bawah ini tepat di atas kode ]]></b:skin>

.widget.ContactForm {
 display: none;
 }

2. Pasang widget formulir kontak di kolom widget tepat di bawah posting blog. Seperti pada gambar di berikut ini.


3. Setelah itu, lanjut ke tahap berikut... buat satu kategori Laman baru / Laman kosong dengan judul kontak atau contact. Buka mode HTML dan masukkan kode di bawah 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: 85%;}
 </style>

4. Selesai, simpan dan lihat hasilnya.

Itulah Cara Memasang Widget Formulir Kontak oleh Blogger di menu blog kita. Jika Anda mendapatkan kesulitan silahkan tinggalkan komentar di posting ini.

Artikel Terkait

Previous
Next Post »

Terima kasih telah komentar sesuai dengan topik, komentar dengan link akan dihapus !