CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE! »

Minggu, 23 Juni 2013

Cara Membuat Kotak Pencarian ( Search ) di Blog

hoii hoii! jumpa lagi kita di blog fancy, sekarang para Ous pengen  buat kotak search ya di blognya? itu mah kecil...

Kotak search (pencarian) itu berfungsi untuk mempermudah tamu yang datang ke blog kita, untuk mencari informasi yang dia perlukan di blog kita. Makanya itu, sudah sepantasnya kita para pemilik blog untuk membuat kotak search di blog kita, agar para tamu tidak repot dan makin sering berkunjung ke blog kita.
Karna semakin sering blog kita dikunjungi, semakin berartilah blog kita :)

eh kepanjangan yah aku ceramahnya?
Haha oke deh, kita ke topik pembicaraan aja deh iya,,

Cara membuat kotak search :
1) Buka blogger.com
2) Buka tata letak
3) Klik add a gadget lalu tambahkan html/javascript.
4) Masukkan kode dibawah ini :

<style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw3HkJ9EIhax161LUNtj6bPGi_rMu_9lXCRW4D92M6-DmDy-CI4vENopcfyWPJoStuBVTUkk1jhLEWwe0XwZHpC9vDCD1F-T2CyvAv13MpTa9OKJ6DFBGhVzo5ICFMWLmrU-47t1MBvbKf/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' />        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"        />    </form></div>

5) Simpan
6) Buka blog, dan lihat hasilnya! :)
7) Jangan lupa follow twitter aku ;) , cukup klik gambar di bawah ini :D


Tidak ada komentar:

Posting Komentar