Form Kontak Kami Punyaku Ko Melorot Yah?

Dulu kang rohman pernah posting tentang cara membuat form kontak kami, yang berminat untuk membaca posting tersebut silahkan baca di “Cara Membuat Kontak form”. Namun dari begitu banyaknya blogger yang mempraktekan, ternyata banyak juga yang mempunyai kendala. Kendala yang banyak di alami yaitu ketika form kontak kami tersebut di posting, ternyata hasilnya tidak sebagus seperti “ form kontak Kami “ yang kang Rohman miliki, bentuknya melorot ke bawah sehingga tidak enak untuk di lihat, lalu di mana letak permasalahannya? ayo kita telusuri bersama!

Menurut hemat kang Rohman ( padahal hemat itu kan pangkal kaya yah Big Grin ), pangkal permasalahannya adalah pada menu pengaturan (Setting) blog anda. Coba anda login ke blogger lalu klik » Pengaturan » Format » kemudian alihkan perhatian anda ke bagian bawah dan lihat tulisan Konversi ganti garis. Apakah anda memilih “Ya” atau “Tidak”?

 

gantigaris_02

 

Jika pilihannya adalah “Ya” maka itulah yang menyebabkan form Kontak Kami milik anda menjadi melorot. Pilihan ini berarti setiap anda menyimpan apapun secara pindah garis, maka akan di tampilkan ganti garis pula (kode HTMl pada dasarnya tidak mengenal ganti garis walaupun tulisan yang kita tulis jauh di bawah, kecuali di tambah kode <br/> atau <p></P>). Bagaimana solusi untuk mengatasi masalah ini. Berikut adalah beberapa solusi yang bisa anda anda coba.

 

  • Ubah Pengaturan Konversi ganti baris menjadi “Tidak”

Cara mengubah pengaturan konversi ganti garis sangatlah gampang : Login » Pengaturan » Format » Konversi ganti garis » pilih “Tidak” » SIMPAN SETELAN » Selesai. Akan tetapi langkah ini mempunyai konsekuensi yaitu posting anda yang sudah ada akan terlihat tidak rapi karena terlihat menumpuk tidak ada paragrap. Makanya untuk langkah pertama ini, kang Rohman kurang menyarankan untuk di lakukan.

 

  • Posting kode Form kontak kami secara menumpuk

Jika anda kurang nyaman dengan langkah pertama, maka anda bisa mencoba langkah ini yaitu memposting kode Form kontak kami secara menumpuk. Misalkan kode form kontak yang anda dapatkan seperti ini :

 

<form method="post" action=”http://www.emailmeform.com/fid.php?formid=1231212” enctype="multipart/form-data" accept-charset="UTF-8">
<table cellpadding="2" cellspacing="2" border="0" bgcolor="#eeeceb">
<tr>
<td>
<font face="Georgia" size="2" color="#000000"></font>
<div style="" id="mainmsg"> </div>


</td>
</tr>
</table>

<br>

<table cellpadding="10" cellspacing="0" border="0" bgcolor="#eeeceb">

<tr valign="top">
<td nowrap><font face="Georgia" size="2" color="#000000">Name</font></td>
<td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>


<tr valign="top">
<td nowrap><font face="Georgia" size="2" color="#000000">Email Address</font></td>
<td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Georgia" size="2" color="#000000">Subject</font></td>
<td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>


</tr>      

<tr valign="top">
<td nowrap><font face="Georgia" size="2" color="#000000">Message</font></td>
<td>
<textarea name="FieldData3" cols="50" rows="10"></textarea><br> </td>
</tr>

<tr>
<td colspan="2">
<table cellpadding=5 cellspacing=0 bgcolor="#e8e6e5" width="100%">
<tr bgcolor="#eeeceb">
<td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td>


</tr>
<tr>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td>
<td valign="top"><font color="#000000">Please enter the text from the image</font> <br><input type="text" name="Turing" value="" maxlength="100" size="10">
[ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">ini apa?</a> ]
</td>
</tr>
</table>


</td>
</tr>
<tr>
<td> </td>
<td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Kirim email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>


</table>                      

</form>






 



Maka sebelum mempostingnya anda harus mengedit kode tersebut secara menumpuk (jangan ada pindah garis ke bawah) seperti ini :



 



<form method="post" action="http://www.emailmeform.com/fid.php?formid=121212" enctype="multipart/form-data" accept-charset="UTF-8"><table cellpadding="2" cellspacing="2" border="0" bgcolor="#eeeceb"><tr><td><font face="Georgia" size="2" color="#000000"></font><div style="" id="mainmsg"></div></td></tr></table><br><table cellpadding="10" cellspacing="0" border="0" bgcolor="#eeeceb"><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Name</font></td><td><input type="text" name="FieldData0" value="" maxlength="100" size="30"></td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Email Address</font></td><td><input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Subject</font></td><td><input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td></tr><tr valign="top"><td nowrap><font face="Georgia" size="2" color="#000000">Message</font></td><td><textarea name="FieldData3" cols="50" rows="10"></textarea><br></td></tr><tr><td colspan="2"><table cellpadding=5 cellspacing=0 bgcolor="#e8e6e5" width="100%"><tr bgcolor="#eeeceb"><td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td></tr><tr><td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td><td valign="top"><font color="#000000">Please enter the text from the image</font><br><input type="text" name="Turing" value="" maxlength="100" size="10"> [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">ini apa?</a> ]</td></tr></table></td></tr><tr><td></td><td align="right"><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"><input type="submit" class="btn" value="Kirim email" name="Submit"><input type="reset" class="btn" value="  Clear  " name="Clear"></td></tr><tr><td colspan=2 align="center"><br></td></tr></table></form>


 



Dan jangan lupa pada saat posting harus dalam modus Edit HTML bukan modus Compose.



 



html



 




  • Buat link langsung ke alamat sumber skrip form kontak kami milik anda



Jika anda mengalami kesulitan memposting form kontak kami, maka kang Rohman menyarankan untuk tidak mempostingnya di blog, namun cukup membuatkan link biasa ke alamat sumber form kontak kami. Sebagai contoh alamat sumber pada kode di atas adalah seperti ini :



 



http://www.emailmeform.com/fid.php?formid=121212

























 



Anda tinggal membuatkan link seperti biasa seperti ini :



 



<a href="http://www.emailmeform.com/fid.php?formid=121212”>Kontak Kami <a/>



 



Atau anda bisa menyimpan pada kode navbar anda, misal seperti ini :



 



<div id='nav'>
<ul>
<li><a href='http://kolom-tutorial.blogspot.com/'>home</a></li>
<li><a href='http://rubrik-elektronik.blogspot.com/' rel='nofollow'>Rubrik Elektronik </a></li>
<li><a href='http://blogtemplate4u.com/' rel='nofollow'>Free Template</a></li>
<li><a href='http://www.blogspottutorial.com' rel='nofollow'>Blog Tutorial</a></li>


<li><a href='http://www.resepbisnis.com/?id=rohman'>Belajar Web</a></li>
<li><a href='http://www.kursus-online.com/?id=rohman'>Kursus Online</a></li>
<li><a href='http://www.emailmeform.com/fid.php?formid=121212'>Kontak Kami</a></li>
</ul>
</div>


















Tentang membuat link pernah kang Rohman bahas disini atau di sini. jika tentang cara membuat navbar pernah di bahas di sini.







 



Mudah-mudahan anda tidak mempunyai keluhan lagi tentang form Kontak kami. Selamat mencoba


Share on Google Plus

About Admin

    Blogger Comment
    Facebook Comment

0 komentar:

Posting Komentar

Labels

blogspot tutorial ( 112 ) blog tutorial ( 110 ) blogging tutorial ( 34 ) download gratis ( 27 ) guest post ( 26 ) free tool ( 24 ) free template ( 23 ) SEO ( 17 ) wordpress ( 17 ) blogger tutorial ( 9 ) the mez template ( 9 ) Belajar SEO Blogger ( 8 ) freeware ( 8 ) Blogging relax Tips ( 7 ) Dokumentasi The Mez template ( 7 ) download template ( 7 ) website info ( 7 ) google adsense ( 6 ) google service ( 6 ) modifikasi blog ( 6 ) aksesori blog ( 5 ) asal posting ( 5 ) blogger isu ( 5 ) browser ( 5 ) free icons ( 5 ) menu navigasi css ( 5 ) sahabat ( 5 ) software gratis ( 5 ) Blog ( 4 ) SEO khusus blogger ( 4 ) cool website ( 4 ) edit template ( 4 ) komputer ( 4 ) Blogspot ( 3 ) Firefox ( 3 ) Kampanye Damai Pemilu Indonesia 2009 ( 3 ) Riset Keyword ( 3 ) SEO Contest ( 3 ) Tanya Saja ( 3 ) anti virus ( 3 ) google docs ( 3 ) kotak komentar ( 3 ) navigasi dengan css ( 3 ) opera ( 3 ) template 3 kolom ( 3 ) Bisnis Online ( 2 ) Iklan anda ( 2 ) PhotoShop ( 2 ) SEO Khusus blogspot ( 2 ) Template support ( 2 ) Yahoo ( 2 ) add-on ( 2 ) alexa rank ( 2 ) backup widget ( 2 ) blog tools ( 2 ) drop down menu ( 2 ) fitur blogger ( 2 ) hosting ( 2 ) read more ( 2 ) tutor wordpress ( 2 ) uang gratis ( 2 ) unek-unek ( 2 ) virus ( 2 ) weatern union ( 2 ) wordpress tutorial ( 2 ) yahoo icon ( 2 ) Biisnis Internet ( 1 ) English ( 1 ) Google chrome ( 1 ) HUT RI ( 1 ) I'm is back ( 1 ) Info Browser ( 1 ) Jasa Pembuatan Blog ( 1 ) Link Building ( 1 ) avatar ( 1 ) banner ( 1 ) bisnis ( 1 ) cari duit di internet ( 1 ) domain ( 1 ) ebook ( 1 ) favicon ( 1 ) free ebook ( 1 ) google talk ( 1 ) hiasan blog ( 1 ) internet business-RM ( 1 ) kasus ( 1 ) kontes ( 1 ) langka tapi nyata ( 1 ) membuat navbar ( 1 ) membuat readmore ( 1 ) mencari uang di internet ( 1 ) menu dropdown ( 1 ) panduan bisnis online ( 1 ) panduan blogger ( 1 ) pasang iklan ( 1 ) plugin wordpress ( 1 ) rss button ( 1 ) search engine ( 1 ) shoutbox ( 1 ) sosok favorit ( 1 ) table of content ( 1 ) uang kopi ( 1 ) video ( 1 ) video comedy ( 1 ) wallpapers ( 1 ) wordpress plugin ( 1 )