Blogger
telah merilis salah satu fitur baru yaitu widget
contact form. Namun kelemahan widget
tersebut hanya dapat ditaruh di sidebar, tidak dapat ditaruh di dalam postingan
maupun di halaman khusus (halaman statis). Nah, kali ini saya ingin memberikan
sedikit trik Cara mudah Membuat Widget Contact Form di Halaman Statis Blogger.
Berikut
ini caranya:
Langkah
Pertama: Menambah Gadget Contact Form
1.Masuk
Akun Blogger
Sobat
2.
Tambahkan Gadget Contact Form
3.Kemudian
Drag Widget Contact Form tadi ke bawah kotak posting
Langkah
Kedua: Menyembunyikan Widget Contact Form dengan CSS
copy kode
ini:
.widget.ContactForm {
display: none;
}
display: none;
}
Masuk
ke menu Template
dan klik Edit HTML. setelah itu pastekan kode di atas
tadi di atas kode ini ]]></b:skin>
Langkah Ketiga: Membuat Halaman Statis
masuk
ke menu Laman, dan buatlah laman kosong baru:
Di
dalam editor, pilih mode HTML dan copy 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>
.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
Semoga bermanfaat………….
Semoga bermanfaat………….
thanks kakak berguna banget :D
ReplyDeletekalau membuat di halaman khusus gimana sob
ReplyDeletetrims coy
ReplyDeletesinggah disini yah sobat
Deleteterima kasih gan,,,, sangat membantu sekali artikelnya
ReplyDeletekalok semisal di buat melayang hapus pakek jquery atau tidak ?
ReplyDeleteScript contact us popup tergantung yang men-design, ada yang pake Jquery, ada yang menggunakan CSS + HTML atau gabungan ketiganya.. Mas bisa cari tutorial cara membuatnya di Mbah Google
DeleteSangat Membantu....
ReplyDelete