Cara Membuat Kolom Search/Pencarian Yang Bisa Di Modifikasi Sendiri Sesuai Keinginann Kita Agar Terlihat Lebih Cantik Dan Menarik.

Haiii Sobat Blogger,,Apa Kabar nih...??
Oy singkat saja di pagi hari yg lumayan cerah ini saya akan membagikan cara membuat Kolom search/pencarian dan memasangnya di blog kita,,yang berguna pada saat pegunjung atau kita ingin mencari sebuah artikel/postingan.

Contoh:
Download movie,single/album mp3,software full version,artikel,tutorial,blogspot,blogger,news atau berita indonesia

Cara Membuatnya Yaitu :
1. Masuk dulu ke akun blogger anda
2. Setelah berada di Dashboard Klik Design --> Edit HTML
3. Backup Dulu Template anda dengan mengKlik Download Full Template
(Terserah anda Ya atau Tidak.tapi lebih baik Ya)
3. Centang Expand Template Widget
4. Cari Kode ]]></b:skin>
5. Copy kode di bawah lalu paste di atas kode ]]></b:skin>


#search {
width: 280px;
font-size: 11px;
float: right;
margin: 0;
padding: 6px 0 0;

}

#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
align: right;
}
#searchbox {
background: #ffffff;
width: 220px;
higth:50;
color: #000;
margin: 0;
padding: 4px 0 3px 5px;
border: 1px solid #000000;
display: inline;
font: normal 12px Georgia, Times New Roman, Trebuchet MS;
}
#searchbutton {
background: #ffffff !important;
color: #000;
margin: 0 0 0 5px;
padding: 3px 3px 2px;
border: 1px solid #000000;
font: bold 11px Georgia, Times New Roman, Trebuchet MS;

Keterangan :
Merah untuk warna latar belakang kolom search 
Kuning untuk garis tepi kolom search ( 1px=Ketebalan garis, #000000=Warna) 
Hijau untuk warna latar belakang tombol search 
Biru untuk warna garis tepi tombol search ( 1px=Ketebalan garis , #000000=Warna)
Banyak lagi yg bisa di rubah,,namun saya hanya memberikan untuk pengeditan warna saja.


6. Jika Telah Selesai Yang Di Atas Save Template
7. Sekarang kita menambahkan sidebar baru
8. Caranya,, jika nada berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
9. Pilih Add a Gadget --> HTML/JavaScript
10. Masukkan/Copy Kode Di Bawah Ini :


<form action='/search/' id='searchform' method='get' style='display:inline;'><input id='searchbox' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
<input id='searchbutton' type='submit' value='GO'/>
</form>
Keterangan :
Merah,, akan tampil di kolom search (bisa di ganti denga kata2 anda sendiri)
Hijau,, Tulisan untuk Tombol Search (bisa di ganti dengan kata2 anda sendiri)


11. Save Dan Lihat Hasilnya


Sekian Dulu Dari Saya
Lebih dan Kurangnya Tolong Di Maafkan,hehe Jika Terdapat Kesalahan Silahkan Di Laporkan
Terima Kasih.

47 komentar :

  1. salam kenal... makasih atas infonya

    BalasHapus
  2. tutorial yang menarik.. sekalian bisa narsis deh jadinya pasang poto sendiri aja :p hehehe...

    BalasHapus
  3. jasa pembuatan account google adsense hanya 30rb, call/ sms 02168936593, stelah account jadi.. baru byr

    BalasHapus
  4. nah, ini dia postingan yang saya tunggu2...
    thx sob..
    oy,, bantuin ane buat GA donk sob.. :)

    BalasHapus
  5. adi waskita : Lam Kenal Balik Sobat :D,, n Sama2

    ^KillerWae™ IS BACK ..!! : Sdh Saya Kunjungi Sobat,Thanks

    Merliza : Thanks Sobat,,Tau aja Hehehe :D

    BalasHapus
  6. nas :Udh ada sob,,thanks infox

    Kurtnia sama2 sobat :D

    BalasHapus
  7. Bisa di pakai untuk memodif yang ada nih,....

    BalasHapus
  8. terimakasih atas invite link exchange nya mas... link sudah saya pasang.. :)

    BalasHapus
  9. mataf sob..
    ijin bookmark.. maksih sbelumnya

    BalasHapus
  10. okelah kalo begitu...
    thnks ya...
    :)

    BalasHapus
  11. nice blog..salam kenal all.

    visit http://www.69leciel.co.cc/
    download film terbaru n subtitle indonesia, FREE

    BalasHapus
  12. blogwalking sob,
    silahkan kunjungi blog ane sob...
    dan mari tukeran link...
    anda bisa lihat di blog ane...

    BalasHapus
  13. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  14. makasih bwat info'a ...

    ta coba dulu...

    BalasHapus
  15. @jeon = Ty sob,,Salam Knl Balik.
    Sudah Saya Visit Back

    @adi =Udah Sob,,Pasng link saya juga yah.. :D

    @nas = Maap Saya Hapus Kommentarx,,Klo Bisa Di Gues Book aja Sob,,brppun bisa,,hehehe

    @super mp3 = Sama2 sobat,,Silhkan :D

    BalasHapus
  16. Makcih2,,,,,infi2nxa sob,,,,met malem,,,,

    BalasHapus
  17. wah keren infonya gan :D,saling komentar memang jauh lebih baik dibanding nongol di shout box

    BalasHapus
  18. kapan2 boleh di coba nih ilmunya , thanks ya bro :)

    BalasHapus
  19. M. Yunus .A =sama" Kunjunganxx n Komentarx Sobat,,Met Malam too :D

    Kka ardian = Ty Sobat :D

    Desktop Komputer = Yah Gi Deh...,,lebih bagus klo sesuai keinginn kita,, :D

    kopral-X =ty Sobat,,Betul...betull sekali :D

    sichandra =iya Sob,,sama2 kunjungan n Komentarx :D

    BalasHapus
  20. knapa saya baru tau ini ya...hee

    thanks ya ..

    BalasHapus
  21. manteup lah tutorialnya, thanx's

    update terus artikelnya brow!

    BalasHapus
  22. @saefu : Haha,,Bisa Aja Ngelawakx Sob.
    Sama2 :D

    @Desktop Komputer :Apax Yang Indah Tante?? Klo Tante Yg Indah saya Setuj!! ngkkk :D

    @aseppopy : Thanks Shabt,,okey Sob InsyaALLAH. :D
    -----------
    wah lam gk pernh mampir di blog sobat :D

    BalasHapus
  23. @Death Note Okey Sob Ane Menuju TKP nih..
    okey thanks Pujianxx :D

    BalasHapus
  24. kayanya cocok bwat di blog saya nih gan..

    makasih sbelumnya... lam knl

    BalasHapus
  25. @berita bola Kalau Cocok,,Silhkan Di Praktekkan,,hehe :D
    @yudy Thanks Sobat :D

    BalasHapus
  26. @Desktop Komputer Kok Nulis di sini??
    klo blogwalking mendingan di buku tamu,,supaya baxk org yang liht :D

    BalasHapus
  27. Mass..

    kalo mao bikin daptar isi di page itu gimana yach..

    BalasHapus
  28. saya udah berhasil buat kolom search ala search pada yahoo... , heheeh

    BalasHapus
  29. @zhanaz45 Ada Tuh Sob Saya Posting ,,search aja,,pasti ketmu. :D
    @sichandra Wah Keren Tuh sobat,,Mana..mana..??

    BalasHapus
  30. Search bikin blog makin lengkap.

    BalasHapus
  31. @kopral-X Sitemu Mana Sobat??
    isi di buku tamu :D
    alx saya klik profilm,,gk di temukan sobat.

    BalasHapus
  32. Follow balik ya gan :D

    BalasHapus
  33. Keren sob..kapan kapan saya pengen coba :)

    BalasHapus
  34. @Ikhsan spensa Udah sobat,,tks yah..

    @enda fivers silahkan sobat,,silahkan dtg lagi klo mau,,hhehe

    BalasHapus
  35. Yang online tentunya saya ,karena saya lagi bikin search yg cantik !(mengomentari yg dipojok kiri paling bawah,hehehe!)Makasih kawan !

    BalasHapus
  36. @Er'end hahaha kirain ngomong ma orang lain km :D
    sama2 sobat :)

    BalasHapus
  37. menarik juga untuk di coba entar . .

    BalasHapus

Dimohon Untuk Tidak Melakukan KOMENTAR SPAM!!
- Memasukkan Link Aktif
- Promo/Iklan
- Komentar Tidak Sesuai Postingan
- Posting Berualang-Ulang

Tiket Pesawat Murah - Promo

Kaos Dakwah Islami

Kaos Dakwah Islami