Cara Membuat Layanan Contact Us di Blogspot

Cara Membuat Layanan Contact Us di Blog

Form Contact Us merupakan pilihan lain bagi pengunjung blog yang ingin berkomunikasi secara privasi melalui pesan pribadi kepada penulis. Bisa berkomunikasi tentang hal-hal yang ingin diketahui atau semacamnya.

Form Contact Us ini memiliki beberapa nama berbeda, ada yang menyebutnya sebagai kotak saran, kontak kami dan sebagainya. Di bloGoooblok, kami menyebutnya layanan

Keuntungan menggunakan form ini :

1.                   Pengunjung dapat menyampaikan pertanyaan dengan topik dari salah satu artikel di blog anda dan jika anda dapat menjawab pertanyaan tersebut maka pengunjung akan merasa senang karena pertanyaannya dijawab dan mungkin pengunjung tersebut akan sering mengunjungi blog Anda.

2.                   Pengunjung juga dapat memberi kritik dan saran dimana secara tidak lansung akan membuat Anda mengembangkan blog agar dapat lebih baik lagi demi kenyamanan pengunjung.

3.                   Layanan contact person ini juga salah satu yang harus blog Anda miliki jika ingin di setujui oleh Google AdSense.

Walau terdapat keuntungan, menggunakan form ini juga memiliki kekurangan. Salah satunya, penyalahgunaan oleh pengunjung yang kadang iseng mengirim pesan tak penting, tidak jelas, ataupun pesan yang dapat membuat Anda marah. Tapi itu hanya segelintir orang.

Cara membuat layanan Contact Us ada banyak macam. Bisa dibuat sendiri jika menguasai script HTML, atau juga menggunakan layanan gratis di internet ataupun menggunakan widget gratis dari blogspot.

Penyedia layanan ini pun terbilang banyak, salah satunya yang akan kita gunakan pada kesempatan ini. Kita gunakan layanan Contact Us dari 123ContactForm. Kita mulai saja membuatnya.

·                     Silahkan masuk ke Website ini 123ContactForm

·                     Buatlah akun pada Website tersebut dengan mengklik tombol SIGN UP FOR FREE

·                     Pilih saja pendaftaran yang gratisan yaitu BASIC disebelah kiri dan klik SIGN UP

·                     Isi formulir pendaftaran yang disediakan lalu klik Create Account. 

·                     Selanjutnya, Anda akan diminta untuk memilih layanan apa yang akan digunakan. 123ContactForm memberi banyak layanan, namun karena kita sekarang membuat contact form, maka pilih Contact Form disebelah kiri. 

·                     Setelah memilih Contact Form, Anda akan diminta untuk membuat nama dari halaman kontak yang anda buat, seperti : Contact Us atau Contact Form atau yang lainnya.

·                     Silahkan Anda edit contact form tersebut menggunakan tools yang ada di sebelah kiri, Anda bisa menambahkan atau menghapus field. Jika selesai mengedit, klik CONTINUE untuk menuju ke langkah selanjutnya.

·                     Kemudian Anda akan diminta untuk menotifikasi email jika ada yang menggunakan form Anda. Jika sudah melakukan perubahan, klik SAVE lalu Continue.  

·                     Langkah terakhir, Anda tinggal copas code scirpt HTML contact form nya, klik pilihan Blogger yang ada di sebelah kiri, lalu copy code script HTML tersebut kedalam blog Anda. 

Untuk menaruhnya didalam blog. Anda bisa buat laman baru. Caranya, masuk ke dasbor blog Anda, lalu pilih Laman, buat Laman Baru dan pilih mode HTML. Paste script diatas lalu memberinya judul, misal Hubungi Kam

Cara Membuat Sub Bab di Blogspot

Berdasarkan pengalaman saya, dari beberapa informasi, terkadang kurang jelas cara atau langkah-langkah yang mesti dilakukan. Apalagi seperti saya yang masih awam dengan pengetahuan tentang blogger ini.

Karena itu, saya akan membagi pengalaman saya tentang suatu informasi yaitucara membuat sub menu pada menu utama di blogspot”.

Berikut ini langkah-langkah yang harus dilakukan :

1.             Klik Menu Desain 

2.             Pilih Menu Template lalu pilih menu Edit HTML 

3.             Pilih/klik menu Lanjutkan

4.             Pilih/klik menu Expand Template Widget

5.   

<div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'>

6.             Cari scrift berikut :

Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :

div class='main-outer'>.

Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 

<style>

/* -- Menu Horizontal + Sub Menu-- */

#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}

#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}

#cat-nav a:hover { color:#fff; }

#cat-nav li:hover { background:#000; }

#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}

#cat-nav .nav-description { display:block; }

#cat-nav a:hover span { color:#fff; }

#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}

#secnav li { float:left; width: auto; height:35px;}

#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}

#secnav li ul li  { height:30px; border-top:1px solid #fff; }

#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

#secnav li ul ul  { margin: -30px 0 0 180px; }

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li:hover,#secnav li.hover  { position:static; }

#cat-nav #secnav {width:100%;margin:0 auto;}

</style>

<div id='cat-nav'>

<ul class='fl' id='secnav'>

<li><a href='#'>Beranda</a></li>

<li><a href='#'>Menu 1</a></li>

<li><a href='#'>Menu 2</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu2 a</a></li>

<li><a href='#'>Sub Menu2 b</a></li>

</ul>

</li>

<li><a href='#'>Menu3</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu3a</a></li>

<li><a href='#'>Sub Menu3b </a></li>

</ul>

</li>

<li><a href='#'>Menu4</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu4a</a></li>

<li><a href='#'>Sub Menu4b </a></li>

</ul>

</li>

<li><a href='#'>Menu5</a></li>

</ul>

</div>

PENJELASAN :

·                     Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.

·                Contoh : http://agungrohadi.blogspot.com/Cara Membuat Sub Bab di Menu Utama di Blogspot.html. Maka ini menjadi link isi submenu.

·                     Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.

·                     Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas. 

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama,
Maka ikutilah saran berikut :

·         Masuk ke Menu Laman 

·         Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"

·         Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.

Blog sudah bisa dipublikasikan...

Semoga sharing yang saya buat ini bisa bermanfaat dan menambah khazanah pengetahuan kita semua.

Chord Gitar Iwan Fals - Bongkar

Chord Gitar Iwan Fals - Bongkar

Intro: Em

Em

Kalau cinta sudah di buang

         C                 Em

Jangan harap keadilan akan datang

Em

Kesedihan hanya tontonan

       C                       Em

Bagi mereka yang di perbudak jabatan

(*)

         C                    Em

O, o, ya o … ya o … ya bongkar

         C                    Em

O, o, ya o … ya o … ya bongkar

Em

Sabar, sabar, sabar dan tunggu

      C                       Em

Itu jawaban yang harus kami terima

Em

Ternyata kita harus ke jalan

         C                    Em

Robohkan setan yang berdiri mengangkang

Kembali ke : (*)

Reff I :

  G

Penindasan serta kesewenang-wenangan

Am         C                       Em

Banyak lagi teramat banyak untuk disebutkan

    G

Hoi hentikan, hentikan jangan di teruskan

Am       C                              Em

Kami muak dengan ketidakpastian dan keserakahan

         C                    Em

O, o, ya o … ya o … ya bongkar

         C                    Em

O, o, ya o … ya o … ya bongkar

Reff II :

   G

Di jalanan kami sandarkan cita-cita

Am           C                       Em

Sebab dirumah tiada lagi yang bisa dipercaya

 G

Orang tua pandanglah kami sebagai manusia

Am           C                   Em

Kami bertanya tolong kau jawab dengan cinta

lntro : Em

Kembali ke: (*), Reff I, Reff II