Cara Membuat Menu Contact atau Contact Form Blog

Cara Mudah Membuat Form Contact Pada Blogspot

Formulir Kontak / Contact Form pada sebuah blog biasanya disediakan oleh para pembuat blog dengan tujuan agar para pengunjung blog dapat lebih mudah jika ingin berkomunikasi dengan sipembuat blog sendiri. Sebenarnya pada setiap blog telah terdapat fasilitas kolom komentar yang biasanya terletak dibagian bawah artikel yang bisa digunakan oleh para pengunjung jika ingin bertanya atau sekedar mengomentari materi dari artikel yang telah dibagikan oleh pembuat blog, tetapi terkadang ada dari para pengunjung blog yang ingin berkonsultasi langsung dengan sipembuat blog dan tidak ingin pesan pertannyaannya diketahui oleh para pengunjung lainnya. Oleh sebab itu form contact ini dibuat agar para pengunjung yang ingin bertanya langsung dengan sipembuat blog, dapat menggunakan fasilitas contact form yang ada.

Pada blogspot sendiri telah disediakan fasilitas contact form yang dapat ditambahkan oleh para blogger dengan memanfaatkan fasilitas widget atau pilihan Tambahkan Gadget yang ada pada Menu Tata Letak. Berikut ini langkah-langkah untuk menambahkan contact form pada blogspot yang teman-teman kelola dari fasilitas Tambahkan Gadget yang ada :

1. Log In pada www.blogger.com dengan menggunakan email dan password blog yang ingin dikelola.
2. Selanjutnya pilih Menu Tata Letak / Menu Layout yang ada pada blog yang ingin dikelola.
3. Pada tampilan Menu Tata Letak, pilih fasilitas + Tambahkan Gadget / + Add Gadgets.
4. Maka otomatis Jendela Baru Browser akan menampilkan pengaturan Gadget yang dibuka, selanjutnya pilih pilihan Gadget Lainnya.
5. Pada Menu Gadget Lainnya yang tampil, cari dan pilih tambahkan + Formulir Kontak.
6. Silahkah atur Judul dari Formulir Kontak yang ingin ditambahkan, jika sudah selesai pilih Simpan.

Sampai tahap ini gadget Formulir Kontak pada blog teman-teman sudah jadi. Jika teman-teman merasa posisi dari gadget Formulir Kontak yang dibuat kurang pas, teman-teman dapat mengatur posisi gadget Formulir Kontak yang dibuat dengan melakukan langkah Klik dan Seret untuk menata ulang posisi gadget yang ada.

Jika teman-teman blogger ingin menyediakan atau membuat contact form pada Menu khusus diblog, teman-teman tidak perlu khawatir karena pada kesempatan kali ini akan saya bagikan juga tips untuk membuat Menu Contact Form pada blog.

Cara Membuat Menu Contact Pada Blogspot 
Setelah sebelumnya kita bahas tentang cara menambahkan gadget Formulir Kontak pada blogspot, selanjutnya kita bahas cara menyajikan Formulir Kontak pada menu khusus atau Menu Contact di blog. Langkah pertama silahkan teman-teman ikuti langkah-langkah menambahkan Gadget Formulir Kontak yang telah dijelaskan diatas, setelah gadget fomulir kontak telah berhasil ditambahkan pada blog teman-teman sekarang saatnya kita masuk kelangkah berikutnya untuk memindahkan Gadget Formulir Kontak tersebut ke Menu Contact yang ada di blog.

Silahkan teman-teman siapkan terlebih dahulu Halaman Contact Us yang akan dibuat dengan memilih pilihan Buat Entri Baru sama seperti saat teman-teman ingin membuat postingan / artikel baru pada blog yang digunakan. Pada laman Entri Baru yang terbuka silahkan teman-teman isikan kotak Judul Pos sesuai dengan bahasa yang digunakan pada blog bisa dengan Contact Us dalam bahasa inggris atau Hubungi Kami dalam bahasa indonesia. Masih pada halaman Entri Baru yang dibuka, karena nanti kita akan mengisinya dengan kode html yang akan diambil dari Gadget Formulir Kontak jadi silahkan pilih atau masuk ke Tab HTML yang berada disebelah Tab Compose.  Parkirkan / tinggalkan sebentar halaman Entri Baru yang telah dibuat dan jangan menutupnya terlebih dahulu karena tahapannya belum selesai. 

Buka atau kunjungi halaman utama blog yang dikelola, bisa dengan memilih pilihan Lihat blog pada tab baru browser yang kita gunakan. Caranya Klik Kanan pada pilihan Lihat blog >> Pilih Buka tautan di tab baru, atau bisa juga dengan membuka tab baru terlebih dahulu pada browser kemudian ketikkan alamat blog yang digunakan. Pada tampilan halaman utama blog yang terbuka, Pilih dan Klik Kanan gadget contact form yang telah ditambahkan sebelumnya >> Pilih pilihan Inspeksi Elemen, untuk melihat susunan kode HTML gadget contact form yang dipilih >> Pada kotak Inspeksi Elemen yang tampil, cari dan Klik Kanan pada susunan kode berikut ini tanpa tanda petik : " <div class="widget ContactForm" id="ContactForm1">...</div> " , selanjutnya pilih Edit as HTML, untuk melihat barisan kode HTML nya >>  Block dan Copy barisan kode HTML gadget Contact Form yang tampil >> Kemudian kembali ke halaman Entri Baru yang kita parkirkan sebelumnya, Paste atau tempelkan kode HTML gadget contact form yang telah dikopi pada tab HTML yang ada di halaman entri baru >> Klik Tab Compose yang ada disebelah Tab HTML halaman entri baru, untuk melihat hasil tampilan contact form yang telah ditempelkan tadi >> Jika tampilan contact form telah selesai dipercantik atau dirasa sudah cukup bagus, silahkan pilih pilihan Simpan dan kemudian pilih Publikasikan.

Note : Jika Menu Contact Us pada blog teman-teman baru ingin dibuat saat umur blog sudah cukup lama dan sudah memiliki puluhan artikel postingan, sebaiknya teman-teman melakukan sedikit pengaturan berikut ini pada halaman Contact Us yang ada pada postingan blog agar tidak tergabung dengan artikel lainnya saat pengunjung melihat artikel yang ada dihalaman utama. Pilih Edit pada Halaman Contact Us yang telah dibuat >> Pilih Menu Jadwal yang ada disebelah kanan posting >> Pilih Setel tanggal dan waktu, atur tanggal dan waktu saat blog pertama kali dibuat agar Halaman posting Contact Us ini masuk pada urutan artikel pertama blog dan dapat tersembunyi saat halaman utama blog dikunjungi >> Jika sudah diatur klik Pilihan Selesai. Teman-teman juga dapat menonaktifkan fitur komentar pada halaman Contact Us ini dengan memilih Menu Pilihan yang ada disebelah kanan Posting >> Pada Pilihan Komentar pembaca pilih Jangan bolehkan, sembunyikan yang ada >> Pilih Selesai >> Pilih Perbarui.


Jika teman-teman kesulitan dalam mencari ataupun mengambil kode HTML dari gadget contact form yang sebelumnya telah teman-teman tambahkan pada blog, teman-teman bisa mengkopi kode HTML yang akan saya bagikan dibawah ini. Lalu menggunakannya pada halaman contact us yang akan dibuat, dengan catatan pada kode HTML yang ada dibawah, teman-teman harus mengisikan atau mengganti kata-kata berikut ini "isi dengan angka blogID yang dikelola" dengan blogID yang teman-teman gunakan masing-masing. blogID yang teman-teman gunakan pada blog, dapat terlihat diatas address bar browser saat teman-teman sedang mengelola blog. Bisa dengan cara Login ke www.blogger.com >> Buka blog yang akan dikelola >> Lihat angka blogID pada Address bar browser.

Alternatif Kode HTML Untuk Halaman Contact Us Jika Kesulitan Menggambil Kode HTML Gadget / Widget Contact Form Yang Telah Ditambahkan Pada Blog :

<div class="widget ContactForm" id="ContactForm1">
<h2 class="title">
<span style="font-size: x-large;">Formulir Kontak</span></h2>
<h2 class="title">
<span style="font-size: small;"><span style="color: red;">Input dengan tanda (</span></span><span style="font-size: small;"><span style="color: red;"><span style="font-weight: bolder;">*</span>) harus diisi</span></span></h2>
<h2 class="title">
<span style="font-size: small;"><span style="color: black;"><u><span style="color: black;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></u>&nbsp;</span></span> </h2>


<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
Nama <span style="color: red; font-weight: bolder;">*</span>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="35" type="text" value="" />

Email <span style="color: red; font-weight: bolder;">*</span>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="35" type="text" value="" />

Pesan <span style="color: red; font-weight: bolder;">*</span>
<textarea class="contact-form-email-message" cols="50" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
<div class="clear">
</div>
<span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="https://www.blogger.com/rearrange?blogID=Isi Dengan Angka blogID Yang Dikelola&amp;widgetType=ContactForm1&amp;widgetId=ContactForm1&amp;action=editWidget&amp;sectionId=footer-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;ContactForm1&quot;));" target="configContactForm1" title="Edit"> <img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" /> </a> </span> </span>
<div class="clear">
</div>
</div>

 
Sampai ditahap ini halaman Contact Form yang kita bahas telah jadi tetapi gadget contact form yang telah ditambahkan masih ada sehingga dirasa sedikit menggangu bukan ?
Mari kita sembunyikan tampilan gadget contact form tetapi tidak dengan cara menghapus gadgetnya karena jika gadget form contact dihapus maka halaman Contact Form yang kita copy sebelumnya tidak akan berfungsi lagi. Ikuti langkah dibawah ini untuk menyembunyikan gadget contact form yang telah ditambahkan sebelumnya :

1. Buka pengaturan Template yang ada pada blog dan pilih Edit HTML
2. Pada Tampilan Edit HTML yang terbuka, gunakan fasilitas Lompat ke widget dan pilih ContactForm1
3. Cari barisan kode HTML ContactForm1 berikut ini dan uraikan kode HTML nya agar lebih mudah menyeleksi kode yang akan dihilangkan dengan klik pilihan ... yang terdapat pada barisan kode HTML : <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>...</b:widget>
4. Amati baik-baik uraian kode HTML ContactForm1 yang dibuka, hapus beberapa kode HTML yang ada pada ContactForm1 sesuai dengan petunjuk yang ada pada kotak Script dibawah ini :
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>     <b:includable id='main'> Hapus kode HTML yang ada dibagian ini saja </b:includable>   </b:widget> </b:section>
5. Setelah bagian kode HTML ContactForm1 diseleksi dengan menghapus bagian kode yang tidak terpakai, selanjutnya pilih Simpan template.

Silahkan teman-teman uji coba kembali dengan mengunjungi halaman utama blog yang dibuat, bagaimana ?
Berhasil bukan, widget contact form yang sebelumnya telah ditambahkan telah berhasil disebunyikan dan fasilitas Contact Form yang ada pada halaman Contact Us tetap berfungsi dengan baik. 

Sekian artikel tentang "Cara Mudah Membuat Form Contact Pada Blogspot" yang dapat saya bagikan kepada teman-teman, semoga berguna dan dapat menambah pengetahuan blogging teman-teman. Jika ada pertanyaan seputar materi pada artikel kali ini, silahkan teman-teman bertanya melalui Menu Contact yang telah disediakan atau dapat juga dengan menggunakan kolom komentar yang telah disediakan dibawah.

Persiapan Untuk Membangun Suatu Blog

Persiapan & Tips Untuk Membangun Suatu Blog

Hallo teman-teman pengunjung blog gudang-pengetahuanmu.blogspot.com ... !
Salam Blogger untuk semuanya ... !
Pada kesempatan kali ini saya akan membagikan artikel dengan topik persiapan yang diperlukan untuk membangun suatu blog. Jadi untuk teman-teman pengunjung yang ingin mencoba dunia blogger dan ingin belajar bagaimana caranya untuk membangun suatu blog, silahkan untuk menyimak artikel dengan pembahasan "Persiapan Untuk Membangun Suatu Blog" yang akan kita bahas kali ini.

Sebelum masuk ketahap persiapan kita wajib tahu terlebih dulu, apa itu blog ?
Salah satu contohnya yaitu sama seperti yang saat ini teman-teman kunjungi atau yang dapat teman-teman lihat pada blog gudang-pengetahuanmu.blogspot.com, blog adalah bentuk aplikasi web yang berbentuk tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web.

Untuk membangun sebuah blog kita harus menyusun kerangka blog tersebut terlebih dahulu. Kerangka dari blog itu sendiri dapat kita susun berdasarkan pertanyaan-pertanyaan berikut ini :

1. Blog apa yang ingin dibangun ?
2. Apa judul blog dan alamat blog yang akan dibangun ? 
3. Bagaiman desain template blog yang akan digunakan ? 
4. Bagaimana desain header yang akan digunakan pada blog ? 
5. Menu apa saja yang akan disediakan pada blog ?

1. Blog Apa yang ingin dibangun ?
Sebelum memulai untuk membangun suatu blog, kita harus menentukan terlebih dahulu jenis blog yang akan kita bangun. Karena hal ini merupakan titik awal untuk membangun suatu blog, jika kita telah menentukan jenis blog yang akan dibangun barulah kita dapat mengembangkan blog yang akan dibangun tersebut. Sebisa mungkin bangunlah blog dengan tema yang sesuai dengan materi yang kita kuasai. Bisa dengan tema yang biasa kita kerjakan sehari-hari, contohnya : Seorang teknisi komputer dapat mencoba untuk membangun sebuah blog media yang menceritakan segala informasi mengenai pengalamannya dibidang teknisi komputer baik dari peralatan yang biasa digunakan untuk pengaman sebelum melakukan pekerjaannya, peralatan yang dibutuhkan untuk menjadi seorang teknisi komputer, tips dan cara untuk mengatasi permasalahan komputer baik dari perbaikan program dan mesin-mesin komputer. 

Berikut ini macam-macam jenis blog beserta penjelasan isi blog yang dibahas dalam blog tersebut yang dapat teman-teman pilih sebagai salah satu jenis blog yang akan teman-teman bangun :

• Blog politik : Tentang berita, politik, aktivis, dan semua persoalan berbasis blog (Seperti kampanye). 
• Blog pribadi : Disebut juga buku harian online yang berisikan tentang pengalaman. keseharian seseorang, keluhan, puisi atau syair, gagasan, dan perbincangan teman. 
• Blog bertopik : Blog yang membahas tentang sesuatu, dan fokus pada bahasan tertentu. 
• Blog kesehatan : Lebih spesifik tentang kesehatan. Blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dll. 
• Blog sastra : Lebih dikenal sebagai litblog (Literary blog). 
• Blog perjalanan : Fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan tentang perjalanan/traveling. 
• Blog mode : Lebih dikenal dengan "fashion blog". Isinya seputar gaya, perkembangan mode, selera fesyen, liputan pameran mode, dan lain-lain. 
• Blog riset : Persoalan tentang akademis seperti berita riset terbaru. 
• Blog hukum : Persoalan tentang hukum atau urusan hukum; disebut juga dengan blawgs (Blog Laws). 
• Blog media : Berfokus pada bahasan berbagai macam informasi.
• Blog agama : Membahas tentang agama.
• Blog pendidikan : Biasanya ditulis oleh pelajar atau guru. 
• Blog kebersamaan : Topik lebih spesifik ditulis oleh kelompok tertentu. 
• Blog petunjuk (directory) : Berisi ratusan link halaman website. 
• Blog bisnis : Digunakan oleh pegawai atau wirausahawan untuk kegiatan promosi bisnis mereka. 
• Blog pengejawantahan : Fokus tentang objek di luar manusia; seperti anjing. 
• Blog pengganggu (spam) : Digunakan untuk promosi bisnis affiliate; juga dikenal sebagai splogs (Spam Blog). 
• Blog virus (virus) : Digunakan untuk merusak.

2. Apa judul blog dan alamat blog yang akan dibangun ?
Setelah menentukan jenis blog yang akan dibangun, selanjutnya teman-teman perlu mencari judul blog yang akan digunakan, untuk judul blog dan alamat blog ada beberapa blogger yang merangkainya sama ada juga yang berbeda. Sebagai contoh pada blog yang saat ini teman-teman kunjungi dengan alamat blog gudang-pengetahuanmu.blogspot.com dan judul blog yaitu "Ayo Tambah Pengetahuanmu". Untuk judul blog dan alamat blog sebaiknya teman-teman gunakan yang simple dan mudah diingat oleh setiap orang, agar dikemudian hari para pengunjung dapat lebih mudah mencari blog yang kita buat. 

Sedikit cerita dari pengalaman saya, awalnya blog gudang-pengetahuanmu.blogspot.com yang teman-teman kunjungi saat ini menggunakan alamat blog yang lebih panjang dan sedikit ribet yaitu ayo-tambah-pengetahuanmu.blogspot.com sampai akhirnya dirasa sedikit susah untuk diingat dan sangat berpengaruh terhadap kunjungan yang datang barulah alamat blognya saya ganti dengan alamat blog yang sekarang yaitu gudang-pengetahuanmu.blogspot.com. Jadi saya harap berdasarkan pengalaman yang telah saya bagikan dapat teman-teman ambil pelajarannya, sebelum blog dibangun sebisa mungkin tentukanlah alamat blog yang simple, menarik, mudah diingat dan tentunya berhubungan dengan jenis blog yang kita bangun. Karena kita akan kehilangan pengunjung aktif jika kita terlalu sering mengganti-ganti alamat blog yang kita bangun.

3. Bagaimana desain template blog yang akan dibangun ?
Setelah menentukan jenis blog yang akan dibangun dan mempersiapkan judul blog serta alamat blog selanjutnya kita akan diminta untuk menentukan template blog yang akan kita gunakan. Hal ini harus teman-teman pikirkan dari awal karena bila suatu blog sudah dibangun dengan template dan dekorasi-dekorasi yang terlalu banyak akan membuat loading suatu blog menjadi lebih berat saat dibuka dan saat ingin menggantinya dengan template yang lain membutuhkan proses penataan ulang yang lebih rumit lagi karena telah banyak kode-kode dekorasi yang menempel pada template blog. Jadi saran dari saya sebisa mungkin pilihlah template blog yang simple dan tidak terlalu rumit, karena hal ini akan berpengaruh terhadap kenyamanan para pengunjung blog kita nantinya.

4. Bagaimana desain header yang akan digunakan pada blog ?
Hal ini juga harus menjadi perhatian teman-teman blogger sebelum membangun sebuah blog. Desainlah header simple yang tidak terlalu rumit dengan ukuran file yang kecil tetapi yang akan tetap terlihat menarik saat diletakkan pada blog. Banyak macam tipe header yang digunakan para blogger pada blog, ada yang berupa header gambar dengan sedikit animasi, ada juga yang hanya berupa sebuah gambar logo tetapi tetap terlihat menarik dan bahkan ada yang hanya menggunakan tulisan judul pada blog sebagai header dengan tambahan warna pada latarbelakan header yang mendukungnya. Silahkan teman-teman blogger pilih dan tentukan desain header yang paling sesuai dengan tema atau jenis blog yang akan dibangun.

5. Menu apa saja yang akan disediakan pada blog ?
Menu pada blog memilik peranan yang cukup penting, sama halnya saat kita datang atau berkunjung ke sebuah restoran tentunya kita perlu melihat terlebih dahulu daftar menu apa saja yang disediakan direstoran yang kita kunjungi barulah kita dapat memutuskan menu makanan apa yang sesuai dengan selera atau kebutuhan kita. Begitu juga halnya dengan sebuah blog, para pengunjung tentunya akan merasa lebih nyaman saat mengunjungi blog dengan daftar menu yang terstruktur dan rapi. 

Menu pada sebuah blog biasanya dirancang sesuai dengan tema yang ada pada blog tersebut. Contohnya sebuah blog pendidikan bisa diisi dengan beberapa menu seperti Matematika, IPA, IPS, Fisika, Kimia, Komputer dan lain sebagainya. Untuk beberapa blog yang dibangun dengan tema yang lebih spesifik seperti blog pendidikan matematika, dapat mengisi menu-menu pada blog dengan beberapa halaman utama seperti Menu About, Menu Contact, Menu Privacy Policy, lalu mengkolaborasikannya dengan fitur Label yang berisi materi pembahasan dalam pelajaran matematika untuk mengelompokkan artikel yang ada. Contohnya pada blog pendidikan matematikan dapat mengkolaborasikan menu blognya dengan label sebagai berikut : Bilangan Bulat, Relasi & Fungsi, Persamaan Garis Lurus, Perbangingan, Bangun Ruang, dan lain sebagainya.

Setelah semua kerangka blog dari kelima pertanyaan tersebut dikumpulkan dan disusun, barulah teman-teman bisa mulai fokus dengan isi atau artikel-artikel yang akan dibuat pada blog dan tentunya setelah kerangka blog tersebut disusun blog teman-teman akan terlihat lebih rapi dan profesional. Dari sekian banyak macam-macam jenis blog yang ada diatas, pastikan teman-teman tidak membuat blog dengan jenis penggangu (spam) dan blog virus. Karena hanya akan menimbulkan banyak dampak negatif yang akan merugikan orang lain sebagai para pengunjung blog kita.

Baca Juga Artikel : Cara Mengatasi Error (Halaman Yang Anda Minta Tidak Valid) Saat Buat Blog . Yang akan menuntun teman-teman untuk mendapatkan solusi jika ditemukan dengan permasalahan yang sama saat ingin membuat suatu blog baru.

Sekian artikel tentang "Persiapan & Tips Untuk Membangun Sebuah Blog" yang dapat saya bagikan kepada teman-teman para pengunjung, semoga artikel ini berguna dan dapat membantu teman-teman blogger yang sedang ingin memulai tahap untuk membangun sebuah blog sendiri. Salam blogger dari saya, dan semoga sukses dengan blog yang akan dibangun teman-teman.