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.

49 komentar :

  1. salam kenal... makasih atas infonya

    BalasHapus
  2. maaf Ini Bukan Spamm !!..

    ini hanya sekedar Blog Walking..
    Visit Back Please..

    ^Bocah Edan™ ..
    ^DEEVRO™ IS CRIME !!
    ^Hacker Blitar Sejati™..
    ^NEO DEEVRO™..
    ^BACEMGAKURE™..
    ^BLITAR™ WAE..

    tHnKz 4 Visit.. ^_^
    salam Damai dari Blogger BLITAR..
    Untuk Tukar LINK silahkan Klik Link INI..

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

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

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

    BalasHapus
  6. 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
  7. nas :Udh ada sob,,thanks infox

    Kurtnia sama2 sobat :D

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

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

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

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

    BalasHapus
  12. nice blog..salam kenal all.

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

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

    BalasHapus
  14. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  15. makasih bwat info'a ...

    ta coba dulu...

    BalasHapus
  16. @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
  17. Makcih2,,,,,infi2nxa sob,,,,met malem,,,,

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

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

    BalasHapus
  20. 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
  21. knapa saya baru tau ini ya...hee

    thanks ya ..

    BalasHapus
  22. manteup lah tutorialnya, thanx's

    update terus artikelnya brow!

    BalasHapus
  23. @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
  24. follow bung...
    follow balick yaw...

    ngemeng" keren neh blognya...

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

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

    makasih sbelumnya... lam knl

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

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

    BalasHapus
  29. Mass..

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

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

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

    BalasHapus
  32. Search bikin blog makin lengkap.

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

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

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

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

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

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

    BalasHapus
  38. 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