Selasa, 04 Maret 2014

Cara Memasang Widget Contact Form di Laman Blogger

0 komentar
Cara Memasang Widget Contact Form di Laman Blogger

Belum lama ini blogger menambahkan fitur Contact Form di widget bagian sidebar. Sayangnya hanya bisa dipasang di bagian sidebar. Padahal kan bagusnya Contact Form itu di halaman statis atau laman blog. Nah untuk itu kali ini saya akan share Cara Memasang Widget Contact Form di Laman Blogger yang saya dapat dari blog mas-sugeng.com.

Bagi yang penasaran pengen coba bikin, bisa ikutin tutorial saya ini :
1. Langkah Pertama, masuk ke tab Tata Letak, kemudian sorot ke bagian Tambahkan Gadget

Klik Tambahkan Gadget

Pilih Gadget Formulir Kontak

Kemudian Klik Simpan

Setelah widget ditambahkan, selanjutnya drag widget contact form tersebut ke bawah kotak postingan blog.

Drag Gadget Contact Form ke Bawah Kotak Posting

 2. Langkah Kedua, Menyembunyikan Widget Contact Form
copi kode di bawah ini :

.widget.ContactForm {
 display: none;
 }

kemudian masuk ke menu template dan kemudian klik pada tab Edit HTML, pastekan kode di atas tadi di atas kode :

]]></b:skin>

3. Langkah Ketiga, Buat Halaman Statis atau Laman Blog
masuk ke menu Laman, kemudian buatlah Laman Kosong baru:

Pilih Menu Laman kemudian Klik Laman Kosong

di postingan blog, sobat pilih mode HTML dan copi pastekan 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: 100%;
 }
 </style>
setelah itu klik Publikasikan
4. Langkah Keempat, Selesai sudah sobat...
Hasil jadinya seperti ini :

Hasil jadi Kontak Formnya

Diposting Oleh : Boeztanoel ~ Blogging, Trik, Tips, Free Software

Sobat sedang membaca artikel tentang Cara Memasang Widget Contact Form di Laman Blogger. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.

:: Oplosanblog ! ::

Artikel Terkait



Get this widget [ Here ]

Leave a Reply

Berkomentarlah di blog ini dengan cerdas dan sopan :
* Dilarang mencantumkan link aktif, contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya, contoh: :D
* Karena banyaknya SPAM, terpaksa kami tampilkan verifikasi kata
Jangan sampai komentar sobat dihapus karena tidak mematuhi aturan!!