Anda mestinya sering melihat kalau kontak forum,atau menyediakan halaman untuk menghubungi admin blog adalah satu yang umum dan penting,yang katanya ini juga salah satu ciri keprofesionalan sebuah web/blog. Seperti blog ini juga ada halaman kontak forumnya,namun sayangnya belumlah profesional.
Entah mulai kapan layanan penyediaan gadget kontak forum blogger disediakan,karena saya kurang teliti bila ada penambahan baru dari blogspot ini. Tapi yang jelas ini kian membuat pengguna blogspot makin di anak emaskan,dan makin hari juga sarana pendukung untuk memiliki blog yang tampak top makin mudah,tidak harus lari sana sini mencari layanan ke tiga.
Saya pernah membuat beberapa blog dan untuk memasang kontak forum biasanya saya menggunakan layanan emailmeforum (termasuk blog ini masih menggunakan emailmeforum),dan saya sering berpikir kapan ada dari blogspot sendiri biar mudah,dasar blogger kurang gaul ternyata sudah ada namun baru tahu. Setelah tahu pun timbul masalah baru karena gadget itu hanya dapat dipasang pada homepage blog,seperti di sidebar. Biasanya,suka ada keinginan lain meski sudah di kasih gratis. Yaitu bagaimana agar dapat dipasang dalam post atau halaman page (halaman statis) begitu?.
Akhirnya sibuk lagi bertanya sana sini di Kang Google,apa ada/bagaimana cara untuk memasang kontak forum ini di halaman page post,dan setelah beberapa akhirnya menemukan juga caranya dari beberapa tutorial blog tetangga (Kang Ismet ; http://blog.kangismet.net). Dan saya praktekan ternyata berhasil (tapi bukan di blog ini). Dan sekarang biar makin luas informasi maka saya pikir harus memposting ini,di samping sebelum saya lupa dan agar dapat membantu kawan yang lain,yang memerlukannya. Mau tahu caranya?. Baiklah saya anggap anda mau saja....
Langkahnya:
1. Anda masuk ke Dashboard blogger;
>> KLIK Layout/Tata Letak
>> Klik tambah gadget (di posisi gadget mana saja yang anda mau)
>> Klik gadget yang lain
>> Klik formulir kontak,lihat gambar:
>> Klik simpan/save.
Langkah pertama selesai (biarkan saja gadget kontak forum yang sudah anda pasang),sekarang masuk langkah selanjutnya...!
2. Langkah ke 2 ini adalah membuat/memasang kode script kontak forum pada halaman page. Caranya:
>> Setelah anda di dasboard blog anda klik link pages/halaman.
>> Klik halaman kosong.
>> Beri judul (umpama kontak admin dsb).
>> Kopi kode di bawah dan pastekan di kolom pages;
<formname="contact-form">
<p></p>
Nama
<inputid="ContactForm1_contact-form-name"name="name"size="30"type="text"value=""/>
<p></p>
AlamatEmail<spanstyle="color:red;font-weight:bolder;">*</span>
<p></p>
<inputid="ContactForm1_contact-form-email"name="email"size="30"type="text"value=""/>
<p></p>
IsiPesan<spanstyle="color:red;font-weight:bolder;">*</span>
<textareacols="25"id="ContactForm1_contact-form-email-message"name="email-message"
rows="5"></textarea>
<p></p>
<inputid="ContactForm1_contact-form-submit"type="button"value="Kirim"/>
<divstyle="max-width:222px;text-align:center;width:100%;">
<divid="ContactForm1_contact-form-error-message">
</div>
<divid="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<styletype="text/css">
/*Menyembunyikanelemendalampostingan*/
#comments,#blog-pager,.breadcrumbs,.post-footer{display:none}
</style>
>> Pada opsi/pilihan sebelah kanan halaman > klik yang pada baris paling paling bawah > lalu klik tombol done.
>> Jangan lupa save/simpan.
3. Pada langkah ketiga adalah langkah pemasangan kode css di Edit HTML untuk menyembunyikan gadget kontak forum yang di pasang di homepage dan merubah otomatis tampilan kontak forum yang ada di pages (halaman statis yang tadi sudah di buat.. (element itu tetap masih ada tapi tak akan tampil).
Caranya;
Caranya;
>> Klik template.
>> Klik Edit Html.
>> Lalu cari kode ]]></b:skin> dan paste kode di bawah di atas kode itu ;
/*CSSContactForm*/
#ContactForm1{
display:none;
}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{
width:300px;
height:auto;
margin:5pxauto;
padding:10px;
background:#f2f2f2;
border:1pxsolid#ccc;
color:#777;
}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,
#ContactForm1_contact-form-email-message:focus{
background:#fffff7;
}
#ContactForm1_contact-form-email-message{
width:450px;
height:175px;
margin:5pxauto;
padding:10px;
background:#f2f2f2;
border:1pxsolid#ccc;
color:#777;
font-family:Arial,sans-serif;
}
#ContactForm1_contact-form-submit{
width:101px;
height:35px;
float:left;
color:#FFF;
padding:0;
margin:10px03px00;
cursor:pointer;
background:#5E768D;
border:1pxsolid#556f8c;
border-radius:3px;
}
#ContactForm1_contact-form-submit:hover{
background:#435c74;
}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{
width:450px;
margin-top:35px;
}
>> Jangan lupa di save/simpan,dan lihat hasilnya. Nanti jadinya kurang lebih seperti di bawah;
Selamat mencoba semoga jadi...semua mudah di kerjakan,tinggal ikuti saja langkahnya,saya ikuti panduan-nya langsung jadi (semoga tak ada gangguan dari template yang anda gunakan)!.
ٱلْحَمْدُ لِلَّهِ رَبِّ
ٱلْعَاٰلَمِين
