Skip to main content

Cara Membuat Halaman Contact Us Di Blog

Cara Membuat Halaman Contact Us Di Blog
Cara Membuat Halaman Contact Us Di Blog - Pada kali ini kita akan membuat halaman contact us atau membuat form kontak pada halaman statis blog. Halaman contact us sangat penting untuk menunjang kredibilitas sebuah blog. Para webmaster juga mengatakan bahwa salah satu syarat diterima adsense adalah dengan memiliki halaman contact us di blog. Blogger sendiri telah menyediakan widget form kontak, namun terkesan lucu bila kita hanya memasang di sidebar. Nah, bagi yang ingin membuat halaman contact us di blog, simak langkah berikut.

Live Demo

Membuat Widget Contact Form

  • Masuk ke blogger.
  • Klik menu tata letak.
  • Klik tambahkan element/ add gadget.
  • Lalu pilih Gadget lainnya.
  • Kemudian klik Formulir kontak.
  • Klik Simpan
Membuat Halaman Contact Us
  • Klik menu template.
  • Edit html.
  • Cari "ContactForm1" tanpa tanda kutip
  • Setelah ketemu hapus kode yang berada diantara <b:includable id='main'>
 <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
    <b:includable id='main'>
     ............................
</b:includable>
  </b:widget>
</b:section>
  • Klik Simpan.

Membuat Halaman Contact Us

Sekarang saatnya kita membuat halaman contact us. Anda bisa membuatnya di halaman statis atau di halaman postingan. Tapi saran saya buatlah di halaman statis, agar widget contact us tidak muncul pada feed blog.

CSS Halaman Contact Us

  • Login ke akun blogger.
  • Kemudian klik menu template.
  • Klik edit html.
  • Pastekan css berikut diatas ]]></b:skin> atau </style>.

HTML Halaman Contact Us

  • Login ke akun blogger.
  • Kemudian klik Laman.
  • Pilih dan klik laman baru.
  • Paste html berikut di tab HTML. (disebelah tab compose).
<div class='tapike-contact-form'>
<form name='contact-form'>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' placeholder='Name' required/>
<br/><br/>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email'  size='30' type='email' placeholder='Email' required/>
<br/><br/>
<textarea class='contact-form-email-message'  id='ContactForm1_contact-form-email-message' name='email-message'  placeholder='Message' required></textarea>
<br/><div class='contact-notif'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
<input class='contact-form-button contact-form-button-submit contact-button' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<input class='contact-form-button contact-form-button-submit contact-button' type='reset' value='Clear'/>
</form>
</div>
  • Publikasikan
Demikianlah penjelasan saya mengenai cara membuat halaman contact us atau cara membuat form kontak pada halaman statis blog. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like dan share.
Labels:

Comments

Post a Comment

Popular posts from this blog

10 Jembatan Paling Terkenal Di Dunia

10 Jembatan Paling Terkenal Di Dunia - Jembatan merupakan sebuah sarana untuk menyeberangi sungai ataupun lautan. Jembatan paling terkenal di dunia berikut mungkin adalah jembatan terpanjang, jembatan tertinggi di dunia. Banyak wisatawan dari penjuru dunia datang hanya untuk melihat maupun berfoto diatas jembatan ini. Berikut adalah 10 jembatan paling terkenal di dunia . 1. Jembatan Golden Gate, Amerika Serikat Jembatan paling terkenal pertama adalah jembatan Golden Gate. Jembatan Golden Gate (Golden Gate Bridge) menghubungkan antara San Fransisco dengan California. Jembatan ini memiliki panjang keseluruhan sekitar 2.727 meter dan tinggi 230 meter diatas permukaan laut. Jembatan Golden Gate dibuka pertama kali pada tahun 1937 dan merupakan jembatan paling terkenal serta menjadi daya tarik wisata paling populer di San Francisco. 2. Jembatan Menara, Inggris Jembatan paling terkenal kedua adalah jembatan Menara. Jembatan Menara (Tower Bridge) dibangun pada tahun 1886 dan ...
Post a Comment
Read more

Siapakah Sosok Penemu Internet

Siapakah Sosok Penemu Internet - Internet adalah hal yang lumrah pada saat ini. Semua golongan masyarakat sudah mulai menggunakan internet dalam beraktivitas. Tapi kebanyakan orang menggunakan internet untuk berkomunikasi atau hanya sekedar melihat berita-berita terbaru dari penjuru dunia. Hadirnya berbagai macam sosial media pun turut menyemarakkan pengguna internet di dunia. Ada banyak sisi positif dan negatif dari adanya internet. Tapi itu semua tergantung pribadi kita bagaimana kita menggunakan internet dengan sebaik-baiknya. Tapi setelah beberapa lama anda menggunakan internet, apakah anda tahu siapa sosok di balik penemu internet yang semakin memajukan teknologi ?. Semua orang memakai internet tapi tidak pernah tau siapa penemu internet. Boleh jadi anda juga demikian, bukan ?. Leonard Kleinrock, Bapak Penemu Internet Leonard Kleinrock, adalah tokoh atau ilmuan yang dijuluki sebagai bapak internet. Julukan ini melekat pada dirinya sebab ia memang tokoh penemu internet. Leonard Kl...
Post a Comment
Read more

10 Mobil Termahal Di Dunia

10 Mobil Termahal Di Dunia - Mobil merupakan kendaraan roda empat berbahan bakar bensin atau solar. Tidak seperti motor, mobil dapat mengangkut lebih dari dua orang dan dapat melindungi pengendara dari hujan dan panas. Di indonesia sendiri mobil sering di anggap sebagai tanda kekayaan dan kesuksesan seorang. Tapi apakah orang kaya Indonesia bisa membeli mobil termahal di dunia di bawah ini. Berikut 10 mobil termahal di dunia tahun 2014 versi Forbes. Mobil Mercedes-Benz CL65 AMG Coupe Negara Asal: Jerman Mesin: 621-hp, 6.0-liter, bi-turbo V-12 0-60 mph: 4.2 detik Harga : $ 215.500  Mobil Aston Martin Vanquish Negara Asal: Inggris Mesin: 565-hp, 6.0-liter V-12 0-62 mph (yaitu, 100 km per jam): 4,1 detik Harga: $ 279.995  Mobil Bentley Mulsanne Negara Asal: Inggris Mesin: 505-hp, 6.75-liter, twin-turbo V-8 0-60 mph: 5.1 detik Harga : $ 298.900  Mobil Rolls-Royce Phantom Wheelbase Negara Asal: Inggris Mesin: 453-hp, 6.75-liter V-12 0-60 mph: 5.8 detik Harga :...
Post a Comment
Read more