Tambah Wawasan

Minggu, 05 April 2015

Cara Membuat Contact Us Pada Blogspot Dengan Mudah dan Praktis

Membuat contact us pada blogspot dengan widget yang telah tersedia- Saat ini banyak blog yang ingin menambahkan fitur kontak us pada blognya untuk menigkatkan kualitas blog, namun masih bingung mau di isi apa, anda ingin di hubungi oleh pengunjung anda namun anda ingin merahasiakan alamat email, nomer telpon dan lain sebagainya dari pengunjung blog anda. Jika demikian kasus yang anda alami berarti sama dengan apa yang saya alami beberapa bulan yang lalu.

Kali ini akan saya bagikan sekaligus sebagai catatan buat saya cara memesang menu kontak kami pada blog. Okey saya tidak akan panjang lebar yuk masuk pada pokok pembahasan, berikut ini langkah-langkahnya :

1. Memasang gadget contact form
Caranya masuk ke option atau menu layout dan kemudian Add a Gadget seperti gambar dibawah ini

kemudian akan mucul jendela kecil baru pilihlah more gadgets dan klik Contact Form liat gambar dibawah ini.

Setalah langkah di atas selesai anda lakukan maka klik save untuk menyimpan form nya di sidebar, sekarang kita mask pada langkah kedua.

2. Membuat Halaman Contact Us
Begini caranya anda pilih menu pages jika pilihan menunya bahasa inggris, kemudian pilih new page. Setelah itu beri nama judul halaman anda Contact us. Jika masih bingung saya sertakan gambarnya.

setelah judul sudah anda isi sekarang mengisi isi halaman, sebelum mengisinya anda perlu mengganti opsi pengisian, liahat sebelah kanan atas ada dua opsi yaitu compose dan HTML, anda pilih atau klik di HTML, kemudian anda copy kode html di bawah ini dan publish :

<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<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>
</form>

Langkah selanjutnya

3. Menghapus Formulir kontak di sidebar
Caranya masuk ke menu template pilih edit html dan pilih jumt to widget dan temukan kode ini :

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>

Sampai Dengan

<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
kemudian and hapus, untuk mempermudah anda mencari kode itu tekan ctrl + F lalu anda copykan kode contact-form mungkin anda akan menemukan beberapa kode yang sama, tapi carilah kode yang tepat yang awalan dan akhirannya sama dengan cntoh yang di atas. ketika sudah ketemu hapus dan save template. Maka selesailah form contact us yang baru kita buat. hasilnya akan seperti gambar di bawah ini

Jika and ingin mecobanya silahkan an Cara Membuat Contact Us Pada Blogspot Dengan Mudah dan Praktis da isi formnya dan liahat hasilnya pada email gmail yang anda gunakan untuk blog sobat.

Demikian Cara Membuat Contact Us Pada Blogspot Dengan Mudah dan Praktis yang bisa saya bagkan semoga bermnafaat, terimakasih sudah berkunjung. sampai jumpa di lain kesempatan.

Cara membuat privacy policy online di web atau blog

Cara Membuat Terms Of Service ( TOS ) Pada Blog

Dalam artikel kali ini saya akan menjelaskan tentang bagaimana Caranya membuat Terms Of Service ( TOS ) pada blog. Apakah kalian tau yang dimaksud dengan Terms Of Service ? Terms Of Service atau seringkali disingkat sebagai TOS adalah perjanjian dimana pengguna atau pembaca pada blog tersebut haruslah menyetujui persyaratan-persyaratan tertentu yang dibuat oleh si pemilik blog sebelum menggunakan layanan dari segala isi daripada blog tersebut . Fungsi dari Terms Of Service sendiri adalah agar kedua belah pihak antara si pemilik blog dan pengunjung blog tersebut tidak sama-sama dirugikan , dalam hal penduplikatan artikel, produk, atau lain sebagainya. Sebetulnya banyak web yang menawarkan jasa untuk pembuatan Laman Terms Of Service ( TOS ) ini, namun dalam cara kali ini yang saya akan jelaskan membuat Terms Of Service ( TOS ) lewat http://www.privacypolicyonline.com/ .

Cara Membuat Terms Of Service ( TOS ) Pada Blog

Berikut ini adalah langkah-langkah membuat Terms Of Service pada blog :

Kunjungi halaman http://www.privacypolicyonline.com/ .
Kemudian Pilih Laman " TOS Generator " disana ada formulir untuk mengisikan identitas dari blog Anda yang ingin dibuatkan Terms Of Service .

Pilig Tab TOS Generator

Masukan Judul / Title Blog Anda.
Masukan Url Blog Anda.
Nah dibagian pengisian " Contact Link " Masukan Halaman Contact Admin ( Contact form ) Anda yang sudah dibuat.
Contoh : http://obray-inisetut.blogspot.com/p/contact-admin.html .
Pada bagian " Company Name " Isi dengan nama Negara, provinsi, atau kota Anda. Atau Anda bisa mengkosongkannya saja.

Isi Identitas Blog Anda

Jika sudah selesai mengisi formulirnya klik " Generate Document " .
Lalu Anda akan diperlihatkan sertifikat Terms Of Service yang akan Anda pasang.
Klik " Generate HTML " dan copy semua kode HTML tersebut.

Klik Generate HTML pada akhir tinjauan

Lalu masuk ke akun blog Anda , buat Laman baru, kemudian Pastekan pada tab HTML lalu publikasikan .

Masukan kode yang sudah di copy kedalam Laman Baru pada pilihan HTML nya .

Nah bagaimana ? Mudahkan membuat laman Terms Of Service ( TOS )? nah jika sudah dibuat Terms Of Service ( TOS ) maka sekarang blog Anda sudah memiliki Hak cipta untuk memperingati pengguna lain agar tidak menduplikat setiap artikel yang telah Anda buat .

Demikianlah Artikel Tentang Cara Membuat Terms Of Service ( TOS ) Pada Blog, Cara Membuat Terms Of Service ( TOS ) Pada Blog, yang bisa disajikan oleh obray-inisetut.blogspot.com "(4.0)"

Semoga Bermanfaat.

Tutorial cara membuat forum di blog atau web

Cara Membuat Kontak Atau Contact Form Di Blog - Kontak Form dalam sebuah merupakan hal yang sangat penting dan merupakan hal yang sangat direkomendasikan buat seorang blogger agar dapat membuat dan memasang kontak form di blognya.

Kontak Form adalah sebuah page yang di dalamnya terdapat form contact yang menuju pada sebuah email atau contact/kontak pribadi orang yang punya blog, dengan kontak form pengunjung blog bisa dengan leluasa menghubungi kita saat mereka membutuhkan bantuan kita baik dalam masalah hal yang bersangkutan dengan isi blog atau bahkan kritik dan saran terharap blog yang kita kelola atau yang sangat menguntungkan lagi adalah buat mereka yang mau memasang iklan di blog kita, maka dengan adalah page atau halaman kontak mereka dengan mudah bisa menghubungi kita atau si admin Blog tersebut.

Pada Postingan sebelumnya saya sudah share Artikel Cara Membuat Forum Di Blog Blogger, Silahkan jika anda ingin membuatnya juga karena sangat bermanfaat buat pengunjung blog nada.

Oleh karena itu saya disini sebagai Admin Haxiba.combermaksud untuk share Trik dan Cara Membuat Kontak Form Di Blog Blogger atau di Wordpress sekalipun. Berikut adalah langkah-langkahnya:

LIHAT DEMO

1. Silahkan Masuk Ke http://www.foxyform.com/
Maka akan tampil seperti gambar berikut

2. Di bagian No. 1 adalah Field apa saja yang mau di anda Pasang Silahkan pilih salah satunya. Rekomendasi saya pilih saja : Name, Email, Subject,
3. Pada bagian No. 2 itu merupakan bagian dari No. 1, apakah diwajibkan Field No. 1 atau tidak diwajibkan isi, Silahkan dipilih-pilih saja menurut anda.
4. Pada Bagian No. 3 itu adalah Warna Bacckground dan Warna Font juga Zize Font
5. Dibagian bawah nanti ada isian Email maka pasang email yang anda tuju sebagai penerima email dari pengunjung.
6. Masukkan Capcha
7. Buat Form Contactnya dan akan menuju ke halaman sepertigambar berikut

Silahkan diCopy saja Halaman Kontak yang sudah anda buat di Dashbord Blogger anda dan lihat hasilnya.

Baiklah saya cukupkan disini dulu semoga Artikel Cara Membuat Kontak atau Contact Form di Blogger atau Wordpress ini bisa bermanfaat buat anda semua. Dan jangan lupa Komentar ya

Cara membuat Kontak pesan di web atau blog

Cara Membuat Halaman Form Kontak di Blogger - Form kontak merupakan hal yang cukup penting buat saya. Terutama apabila blog yang memiliki banyak pengunjung. Di wordpress, ada banyak sekali plugin yang dimanfaatkan. Di Blogger?

Untuk pengguna blogger mungkin hanya meletakkan email, di halaman contact us kalau tidak begitu ya embed google docs. Padahal seharusnya contact us merupakan sebuah halaman yang bisa dengan cepat memberikan notifikasi kepada pemilik blog. Untuk itu ada baiknya kita buat contact form yang bisa langsung diisi pada halaman tersebut.

Sekarang, blogger sudah menyediakan widget yang berisi form contact. Sayangnya widget ini hanya bisa ditempelkan pada layout yang ada. Jadi kamu tidak bisa menampilkan widget ini pada halaman khusus blog.

Contact Form Blogger

Apabila kamu ingin meletakakn widget tersebut pada sebuah halaman seperti halaman contact us, kamu harus melakukan sedikit modifikasi pada scriptnya. Kalau kamu pengen menambahkan form tersebut pada halaman contact us, ikuti langkah modifikasi scriptnya pada postingan kali ini :D

Kalau belum punya halaman contact us, pasang saja. Siapa tahu ada tawaran kerja sama menarik yang datang dari halaman tersebut. Karena dengan contact form ini, kamu akan mendapat notifikasi langsung di email yang kamu gunakan untuk membuat blogger. Simak saja langkah-langkahnya di bawah ini.

Membuat Halaman Kontak di Blogger

Karena secara default, contact form ini hanya bisa digunakan sebagai widget, kita perlu melakukan beberapa trik supaya contact form ini bisa digunakan di sebuah halaman. Untuk itu, ikuti langkah-langkah di bawah ini dengan seksama. Karena ada beberapa langkah yang perlu diperhatikan

Menambahkan Widget

Langkah pertama, kita harus menambahkan widget contact form kedalam halaman yang kita buat. Caranya, buka halaman layout > Add gadget > Contact Form. Letakkan di sembarang tempat. Apabila kurang jelas, coba lihat gambar di bawah ini

Menambahkan Widget Contact Form

Modifikasi Widget

Setelah berhasil menambahkan widget, selanjutnya kita buka menu template dan pilih edit html. Cari widget yang bernama ContactForm. Setelah menemukannya, hapus kode di bawah ini

hapus kode diatas pada html editor template

Setelah mengambil kode yang saya tandai diatas, sekarang saatnya membuat sebuah halaman contact form.

Membuat Halaman Kontak

Buka menu Page / Halaman, apabila sebelumnya sudah ada halaman kontak edit saja. Pilih mode html, lalu paste copy dan paste kode di bawah ini.

123456789101112<div class="contact-form-widget">

<data:contactformnamemsg>

</data:contactformnamemsg><br />

<data:contactformemailmsg> <span style="font-weight: bolder;">*</span>

</data:contactformemailmsg><br />

<data:contactformmessagemsg> <span style="font-weight: bolder;">*</span>

Sehingga akan tampak seperti gambar di bawah ini. Kode di bawah ini sudah ada modifikasi dari saya sehingga apa yang ada pada blogspotmu mungkin akan sedikit berbeda.

Halaman Kontak Form

Setelah itu, coba publish halaman contact form yang sudah kamu buat. Apa yang muncul di halaman tersebut? Mungkin tampilannya akan berbeda dengan halaman contact form saya, karena pada halaman milik saya ada modifikasi css sehingga bisa jadi tampak lebih cantik dari halaman milik kamu :D. Saya juga menambahkan icon dari fontawesome.

Halaman Kontak Saya

Kamu bisa belajar menggunakan bootstrap apabila ingin mempercantik halaman tersebut dengan bootstrap. Karena bootstrap sudah menawarkan bentuk form yang cukup cantik menurut saya. Tidak ada salahnya untuk dicoba :)

Mungkin cukup sekian tutorial dari saya tentang pembuatan halaman contact form pada blogspot. Karena pada dasarnya blog saya ini juga menggunakan blogspot yang saya belikan domain sehingga menggunakan custom domain blogger dengan domain TLD.

Semoga tutorial singkat diatas bisa membantu teman-teman blogger belajar bagaimana caranya membuat contact form di sebuah halaman.

Hampir kelupaan, jangan lupa testing yak setelah mencobanya. Berikut hasil testing saya terhadap contact form diatas. Pesan berhasil diterima oleh akun gmail yang digunakan untuk membuat blog tersebut. Semoga berhasil :)