Loading...

17 Agustus 2010

Membuat Tab Contact Us Pada Blog Free Login


wew..
ok kita mulai ajah, mungkin dari kalian udah pada tau apa itu Contact Us kontak kami, nah widget ini digunakan oleh pemilik blog untuk sharing dengan pengunjung blog, serta bagi pengunjung mendapatkan layanan extra...seperti dapat menanyakan masalah ataupun kritik serta saran bagi pemilik blog secara privat, klo dibilng sih sejenis curhat. jadi hanya pengunjung dan pemilik blog lah yang tau isi yang dikirim.. capek juga bikin kata-kata, mending langsung ajah cacau kita praktikan bagaiman cara bikinnya.

Seperti biasalah masuk login keacount blog anda, trus ikuti langkah berikut yah
- Masuk / Login kedalam acount blog anda, trus pilih Rancangan > Edit HTML > Centang
, kemudian jangan lupa backup dolo templete blog anda, caranya tekan Download Template Lengkap
setelah selesai simpan difolder key..jagan dibuang yah hehe..
- kemudian masuk ke situs http://www.emailmeform.com.
- Klick gambar Sign up for free.

- Isilah form yang ada dengan data tentang anda

- Klik tombol Sign up.
- Buka email anda dan klick Link dari EmailMeForm yang bertema Your new account information.seperti dibawah ini

http://www.emailmeform.com/builder/account/signup_confirm/Ih6406Ncsd1MWPiK8Qnvdm26R31YpV54
kemudian klick maka akan tampil

- klik tulisan click here untuk menuju halaman akun kontrol panel anda.

-  Klick Templates,  isi semua keterangan yang ada dikolom


- Kemudian klik My Forms

- Klik code, Copy kode HTML only simpan diNotepat selesai deh
- Setelah itu masukan kedalam postingan anda, seperti biasa, klik Posting >
Entri Baru
  untuk memasukan kode HTMLnya

-  klik Edit HTML, copas deh dikolom postingan > save

- Next tekan Ctrl + F maka akan ada tampilan seperti dibawah ini
- Klik Rancanagn > Edit HTML > Centang ,
- kemudian masukkan kalimat "Contact Us" ingat jangan pke tanda petik yah, trus tekan Next maka akan menuju kata Contact Us yang ada pada HTML kalian, hasilnya seperti dibawah ini
<li><a href='http://ordinary-luph.blogspot.com/2010/08/kontak-kami.html'>Contact Us</a></li>
Ket: - ganti warna merah untuk Link Blog postingan anda & warna biru untuk Tab navigasi anda

Selamat mencoba semoga bermanfaat

0 comments:

Posting Komentar

Loading...
Loading...