Memasang Kolom Search/Pencarian Yang Bisa Dimodifikasi
Senin, 07 Maret 2011
-
9:15 AM
|
47
Comments |
Rezkiji
|
Edit Entri
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.
Cara Membuatnya Yaitu :
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 :
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.
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:
Cara Membuatnya Yaitu :
1. Masuk dulu ke akun blogger anda
2. Setelah berada di Dashboard Klik Design --> Edit HTML
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
(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 == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>Keterangan :
<input id='searchbutton' type='submit' value='GO'/>
</form>
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.
Langganan:
Posting Komentar
(
Atom
)
Entri Populer
- Jadwal Pertandingan Timnas Indonesia Senior, U-23 Dan U-19 | Update Terbaru
- Tata Cara Shalat Tahajud Beserta Do'a
- MUHAMMAD TAHA AL-JUNAYD
- Video Brimob Vs TNI Adu Dance
- Hajar Aswad Adalah Super Konduktor
- Daftar Kode Warna | HTML
- Tidur
- Cara Mudah Membuat Rekaman Suara Di Windows 10
- Fort Rotterdam Atau Benteng Ujung Pandang
- Membuat Favicon Muncul Di Semua Web Browser
salam kenal... makasih atas infonya
BalasHapustutorial yang menarik.. sekalian bisa narsis deh jadinya pasang poto sendiri aja :p hehehe...
BalasHapusjasa pembuatan account google adsense hanya 30rb, call/ sms 02168936593, stelah account jadi.. baru byr
BalasHapusnah, ini dia postingan yang saya tunggu2...
BalasHapusthx sob..
oy,, bantuin ane buat GA donk sob.. :)
adi waskita : Lam Kenal Balik Sobat :D,, n Sama2
BalasHapus^KillerWae™ IS BACK ..!! : Sdh Saya Kunjungi Sobat,Thanks
Merliza : Thanks Sobat,,Tau aja Hehehe :D
nas :Udh ada sob,,thanks infox
BalasHapusKurtnia sama2 sobat :D
Bisa di pakai untuk memodif yang ada nih,....
BalasHapus@Bagus (Kebarongan) Iya Sob,,Silhkan :D
BalasHapusterimakasih atas invite link exchange nya mas... link sudah saya pasang.. :)
BalasHapusmataf sob..
BalasHapusijin bookmark.. maksih sbelumnya
okelah kalo begitu...
BalasHapusthnks ya...
:)
nice blog..salam kenal all.
BalasHapusvisit http://www.69leciel.co.cc/
download film terbaru n subtitle indonesia, FREE
blogwalking sob,
BalasHapussilahkan kunjungi blog ane sob...
dan mari tukeran link...
anda bisa lihat di blog ane...
Komentar ini telah dihapus oleh administrator blog.
BalasHapusmakasih bwat info'a ...
BalasHapusta coba dulu...
@jeon = Ty sob,,Salam Knl Balik.
BalasHapusSudah 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
Makcih2,,,,,infi2nxa sob,,,,met malem,,,,
BalasHapuskeren gan
BalasHapusindahnya bila dimodif
BalasHapuswah keren infonya gan :D,saling komentar memang jauh lebih baik dibanding nongol di shout box
BalasHapuskapan2 boleh di coba nih ilmunya , thanks ya bro :)
BalasHapusM. Yunus .A =sama" Kunjunganxx n Komentarx Sobat,,Met Malam too :D
BalasHapusKka 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
knapa saya baru tau ini ya...hee
BalasHapusthanks ya ..
indah
BalasHapusmanteup lah tutorialnya, thanx's
BalasHapusupdate terus artikelnya brow!
@saefu : Haha,,Bisa Aja Ngelawakx Sob.
BalasHapusSama2 :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
@Death Note Okey Sob Ane Menuju TKP nih..
BalasHapusokey thanks Pujianxx :D
kayanya cocok bwat di blog saya nih gan..
BalasHapusmakasih sbelumnya... lam knl
nice info sob :)
BalasHapus@berita bola Kalau Cocok,,Silhkan Di Praktekkan,,hehe :D
BalasHapus@yudy Thanks Sobat :D
blog walking
BalasHapus@Desktop Komputer Kok Nulis di sini??
BalasHapusklo blogwalking mendingan di buku tamu,,supaya baxk org yang liht :D
Mass..
BalasHapuskalo mao bikin daptar isi di page itu gimana yach..
saya udah berhasil buat kolom search ala search pada yahoo... , heheeh
BalasHapus@zhanaz45 Ada Tuh Sob Saya Posting ,,search aja,,pasti ketmu. :D
BalasHapus@sichandra Wah Keren Tuh sobat,,Mana..mana..??
berkunjung menambah manfaat ^_^
BalasHapusSearch bikin blog makin lengkap.
BalasHapus@Online Unsolved Mysteries Story Iya sobat :D
BalasHapus@Ajak Bisnis Betul..betul..betull. :D
mampir boy :D
BalasHapus@kopral-X Sitemu Mana Sobat??
BalasHapusisi di buku tamu :D
alx saya klik profilm,,gk di temukan sobat.
Follow balik ya gan :D
BalasHapusKeren sob..kapan kapan saya pengen coba :)
BalasHapus@Ikhsan spensa Udah sobat,,tks yah..
BalasHapus@enda fivers silahkan sobat,,silahkan dtg lagi klo mau,,hhehe
Yang online tentunya saya ,karena saya lagi bikin search yg cantik !(mengomentari yg dipojok kiri paling bawah,hehehe!)Makasih kawan !
BalasHapus@Er'end hahaha kirain ngomong ma orang lain km :D
BalasHapussama2 sobat :)
menarik juga untuk di coba entar . .
BalasHapus@API AirlineSiiipp :D
BalasHapus