Modifikasi Widget Search Blogger. Part 1

Widget Search Blogger rohis Facebook

Bismillah...

Modifikasi Widget Search Blogger. Part 1 -- Dua bulan lebih Blog Rohis Facebook tidak memposting tentang Tutorial Blogger, sekarang tiba saatnya untuk 'Balas Dendam', sekali memposting langsung 4 (empat) artikel hehehe....

Rasa-rasanya aneh kalau ada web atau blogger yang tidak memasang Widget Search karena Widget Search ini sangat berguna untuk memudahkan para visitor untuk mencari-cari artikel, artikel dengan berbagai kategori. Untuk tutorial kali ini tampilannya Widget Search lebih elegan dan cocok untuk semua warna template.

Cara membuatnya.

1. Login ke Akun blogger

2. Klik Template
3. Klik Layout
4. Tambahkan gadget HTML/JavaScript Add
5. Masukkan kode dibawah ini

<!—Caixa de busca elegante By http://www.dicasblogger.org/ -->
    <style>#search    {float:right; height: 30px; margin:10px 0 0 0; }
    #search input.field {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; background-position:top right; background-repeat:no-repeat; width: 160px; padding:7px; outline: none; font-size: 13px; border: none; z-index: 1; height:16px; float:left; padding-right:30px;}
    #search input.field:focus {background-position:top right; background-repeat:no-repeat;}
    #search input.submit {width:70px; height:30px; font-weight:bold; float:left; border:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; cursor:pointer; margin:0 0 0 1px;}
    #search input.field {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz2utkq2tVUu2PiOpqnkgBXAHARG-VjliSvRtx-t7U6fDGnpA9O2xnhf7O5sf5VX-CYyWFF_O-uAr8ea_2LMUP3c0uqm5st3wlFpGkn0tYgi3mv059PXjRD8m4P7EgjSWpkbsKtgeoIZ2-/s30/search_icon.png); background-color:#2c2c2c; color: #FFF;}
    #search input.field:focus {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz2utkq2tVUu2PiOpqnkgBXAHARG-VjliSvRtx-t7U6fDGnpA9O2xnhf7O5sf5VX-CYyWFF_O-uAr8ea_2LMUP3c0uqm5st3wlFpGkn0tYgi3mv059PXjRD8m4P7EgjSWpkbsKtgeoIZ2-/s30/search_icon.png); background-color:#404040;}
    #search input.submit {background-color:#b60002; color:#fff;}</style>
    <div id='search'>
    <form action='/search' id='searchform' method='get'>
    <div>
<input class='field' id='s' name='q' onblur='if (this.value == '') {this.value = 'Enter keywords..';}' onfocus='if (this.value == 'Enter keywords..') {this.value = '';}' type='text' value='Enter keywords..'/>
    <input class='submit' name='submit' type='submit' value='Buscar'/></div>
</form>
</div>

Lihat Demonya

Sumber : http://www.dicasblogger.org/2012/08/caixa-de-busca-elegante.html

+ Create Comment + 8 Responses so far.

Hermanbagus

4 Oktober 2012 pukul 10.36

sob kalau buat pencariannya supaya max result 3 gitu gimana ya scriptnya?

Rohis Facebook

4 Oktober 2012 pukul 11.58

@Herman Bagusmksudx seperti ini ya..

http://pelajaran-blog.blogspot.com/2012/02/cara-membuat-pencarian-multi-search-box.html

btw sebenarx sy sama sekali gk tau soal script, benar2 blank..!, sy disini hny sekedar share... *smile

Anonim

4 Oktober 2012 pukul 15.05

wuihh keren mas search boxnya....

simpen deh siapa tau kepake :D

4 Oktober 2012 pukul 16.04

@Limit Postokeyyy.! thx ya... *smile

4 Oktober 2012 pukul 18.44

Enggak sob, gini sob maksudq, kan itu kalau kita ketikan kata pencarian dalam kotak trus kita search, misal kita cari dengan keyword "Widget keren", maka semua artikel yang berhubungan dngan itu akan mncul semua , nah yang buat ngatur itu sob biar muncul 3 aja gitu gimana scriptnya,

4 Oktober 2012 pukul 18.45

Pokoknya intinya pencarian max-result=3 gitu

4 Oktober 2012 pukul 19.19

@Herman Bagusklo itu mah yg tahu sang pembuat template sy sob.., tp coba kesini,

http://www.maskolis.com/2011/01/membuat-kotak-pencarisearch-di-blogspot.html

coba sobat tnya2 disana.., cz sy ambil template sy ini disana.., orgx baik ko'..,

mf klo jawaban sy kurang memuaskan ya.... *smile

Unknown

31 Desember 2012 pukul 12.37

hai....
salam kenal para bloger,
jangan lupa mampir ke blogku yah,,,
http://lasterblog.blogspot.com
trima kasih.....

Posting Komentar

Terima Kasih banyak atas saran dan kritiknya.

Sama seperti peraturan yang dibuat oleh para blogger pada umumnya.., cuma disini saya harapkan agar para pengunjung untuk lebih fokus pada artikel kami yang bertemakan Agama (Islam), khususnya untuk saudara-saudari kami yang Muslim dan Muslimah.

0. Yang OOT silahkan masuk ke menu Buku Tamu/Blogwalking!
1. Komentar yang berbau JUDI/TOGEL, Porno tidak akan di Moderasi!
2. Komentar yang berbau JUDI/TOGEL, Porno tidak akan di Moderasi!
3. Harus Sopan
4. Admin tidak meladeni Debat kusir
5. Bercanda gk boleh ada unsur pornonya dan unsur Bohongnya
6. Silahkan melampirkan link Mati, gk boleh link hidup

Rohis Facebook