Kali ini saya akan membagikan Tips Bagaimana cara membuat Widget CONTACT US di Blogspot sekaligus memasang LINK CONTACT US di menu bar sobat seperti gambar di bawah :
Langkah 1 :
Contact Us adalah salah satu syarat juga untuk memperoleh approve dari Google Ads ( Iklan Google )
>>> Masuk ke akun Blogger Sobat
>>> Kemudian pilih Layout/Tata letak >> Pilih Tambah Gadget/Add Gadget
>>> Buatlah Gadget / di posisi paling bawah ( misalnya : footer )
>>> Kemudian masukkan kode (script ) di bawah ini :
<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>
>>> Setelah itu tekan Save/Simpan
Langkah 2 :
>>> Buatlah Page Atau Laman Baru
>>> Disini akan ada pilihan Compose dan HTML
>>> Sobat pilih atau Klik HTML
>>> Kemudian Copy Pastekan kembali ( kode script yang ada di Langkah 1 )
>>> Pilih " Jangan bolehkan,sembunyikan yang ada " kemudian Klik Selesai
>>> Setelah itu PUBLIKASIKAN
Langkah ke 3
>>> Masuk ke TEMPLATE >>> EDIT HTML
>>> Klik persis pada tanda di bawah ini ( lihat gambar )
>>> Setelah Sobat Klik maka akan muncul seperti gambar di bawah ini
>>> Blok kode script seperti tampak pada gambar atas ( lalu hapus..!) atau tekan back space
>>> Hasilnya akan seperti gambar di bawah ini
NOTE : Langkah di atas akan menghilangkan widget dari template Sobat ( invisible ) Namun sebenarnya tidak hilang. Jadi jangan HAPUS WIDGET CONTACT US dari LAYOUT / Tata Letak
Langkah ke 4 :
>>> Setelah Save Template, Sobat jangan keluar dulu dari menu EDIT HTML
>>> Tekan Ctrl + F ( masukkan CONTACT US ) jika ada akan muncul
<ul class='navinti'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#>Dissclaimer</a></li>
<li><a href='#'>Home</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#>Dissclaimer</a></li>
Jika sudah ketemu ganti # dengan link contact us yang sudah Sobat buat.
>>> Caranya kembali ke menu LAMAN
>>> Cari judul Laman yang sudah sobat buat di langkah ke 2 tadi
>>> Klik Lihat
>>> Akan muncul halaman baru Contact Us milik Sobat
>>> Copy LINK Contact Us milik Sobat, lihat ( adress bar )
>>> Lalu Pastekan /Ganti ( <li><a href='#'>Contact Me</a></li> )
>>> Yang terakhir SAVE TEMPLATE
Selesai.......
InsyaAllah, Jika Sobat tidak melewati langkah di atas...... maka akan berhasil.
EmoticonEmoticon