Sabtu, 24 Mei 2014

Cara Membuat Kolom Search Pada Blog Dengan Mudah


Hi gan, saya mau ngeshare tentang cara membuat kolom search di blog, caranya gak susah koq tinggal pasang gadget kayak biasa, oke deh gak usah panjang lebar langsung aja ya kepenjalasannya

Oke silahkan disimak langkah-langkah nya dengan baik
1.      Masuk ke Akun blogger sobat (udah pasti)
2.   Lalu masuk ke tata letak
3.   Klik tambah gadget pada tempat yang kalian inginkan
4.    Lalu kalian copy kan script di bawah ini




<center> 
<div style="float:up;border: 2px solid #ffffff; box-shadow: 0px 0px 3px 0px;width:300px; height: auto; background-color:#000238; padding-top: 1px;"> 
<form action='http://mysterifile.blogspot.com/search' method='get' target='_blank'> 
<input name='sitesearch' style='display:none;' value='http://mysterifile.blogspot.com'/> 
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width: 200px;border:none; padding: 5px 5px 3px 8px; font: bold 12px Georgia;color:#000000; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQKQcSv4Z6uoO-aR8ywXoJW3HDJckWuyWknazGrItD3UeXTBfFgTOVo7frsPqQ-vk9k0w1UQcYQPnUtfb8-udfVn8ni8CIapRv1_LeaeeSpUd3YV4nHbUQb-_7LbnsIr3DxYvSqvmXogX/s1600/Pencarian.gif) no-repeat;' type='text' value='Cari Artikel Di Sini...'/> 
<input align='top' alt='Cari Disini' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1QHT6OCBF4_34d-BK4jiwvCnGlTLo4P8LDYxfMqKoXmr7CLCZIO4JCSuKydxKnfUjJ8aRRMYAs93IMG0qNTXnfIOK3gz0p0eF5Vigq09Lh3TkcG5T9hXVooJcfGHP9h3uWWTCfCtrRM9s/s1600/button.gif' type='image'/> 
</form> 
</div> 
</center> 

Karena Blog ini gak bisa di Copas jadi bisa kalian download disini

5.   Untuk tulisan berwarna merah kalian ganti dengan url blog sobat namun ditambah dengan search
     CONTOH: 'http://example.blogspot.com/search'.

     Untuk tulisan berwarna biru kalian ganti dengan url blog sobat Contoh: 'http://example.blogspot.com'

     Untuk tulisan berwarna hijau bisa mengganti background img untuk kolom search nya, tidak diganti juga
     tidak apa2

     Untuk tulisan berwarna ungu kalian bisa mengganti gambar search nya, tidak diganti juga tidak apa2

     Untuk tulisan berwarna oranye bisa kalian ganti untuk tulisan di kolom search nya Contoh: Cari di sini

6.   Setelah selesai kalian simpan dan lihat hasilnya

Untuk contohnya dapat kalian pada blog ini

Oke sekian cara membuat kolom search di blog dari saya, kalo ada yang bingung silahkan kalian tanyakan di komentar

Tidak ada komentar:

Posting Komentar