Cara Membuat Kotak Search Box Elegan di Blogger

Mau Membuat Kotak Search Keren? Kotak Search Cantik dan Simple? Bagaimana cara membuat kotak search box css? Mau tau caranya? Panduan mengenai pemasangan search box ini semoga dapat membantu Anda yang belum memiliki elemen kotak search di template blognya. Berikut ini adalah demo skin dengan CSS pembuatan kotak search cantik dan elegant ini.
membuat kotak search box beautifull skin css

Bagaimana bagus tidak? Silahkan Anda cari di blog tetangga sebelah kalau ada yang seperti ini. hahaha^^. Kebanyakan saya membuat artikel tidak pernah copy paste, paling hanya sekedar mengamati, mempelajari, dan memodifikasi itupun kalau ide dalam otak saya sedang tidak bersemangat. Kalau sedang fresh saya akan selalu memberikan kualitas artikel yang terbaik dan beragam bagi pengunjung semua.



Kembali lagi ke topik awal yaitu Cara Membuat Kotak Search Box Beautifull ini. Mengenai pembuatannya di blogger sangatlah mudah, hanya dengan memanfaatkan keragaman dan design CSS serta sedikit tambahan elemen HTML, Kotak Search Box ini dapat dipasang dengan mudah.

Langsung ke tahap pemasangan sekarang juga. As previous search boxes you can also add this search boxes in one step.See preview of search boxes below in search boxes,now lets see how to add them into blogger blog?

Follow and watch step by step making of Search Box :
1. Masuk ke Blogger.
2. Klik Tambah Widget / Add a Gadget.
3. Pilih HTML/Javascript.
4. Copy kode di bawah ini dan letakkan disana.

Search Box Style Green 
<style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(http://1.bp.blogspot.com/-17dWPUuCMEE/UQr5WvW2inI/AAAAAAAAAWM/xWAzhlw4ez0/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' />        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"        />    </form></div>
Untuk Cara Pemasangan Search Box Warna Lain, ganti kode berwarna merah kode diatas dengan url gambar di bawah ini :

- Style Red ( Merah )
http://2.bp.blogspot.com/-kyV43LzLedQ/UQr5gVVxaEI/AAAAAAAAAWc/Q-2_hR17RgU/s1600/impoint.blogspot.com-red.png
- Style Blue ( Biru )
http://1.bp.blogspot.com/-yWZnkjCe4tY/UQr5OeN8MXI/AAAAAAAAAWE/-EFf5XtroXU/s1600/impoint.blogspot.com-blue.png
-Style Orence (Orange)
http://2.bp.blogspot.com/-qwEuTidco9E/UQr5bisH4yI/AAAAAAAAAWU/ZpAUuwXOvYE/s1600/impoint.blogspot.com-orange.png
Setelah selesai, Klik Save, dan lihat hasilnya.
Name

advetorial,70,artikel,2,balap,17,basket,4,berita utama,5,berita-utama,1125,bitung,309,bolaang-mongondow,84,bolaang-mongondow-selatan,15,bolaang-mongondow-timur,49,bolaang-mongondow-utara,29,budaya,3,bulutangkis,35,ekonomi-bisnis,285,entertainment,198,gallery,46,gaya-hidup,44,Headline,9,hukum-kriminal,402,internasional,150,kesehatan,36,kotamobagu,60,manado,911,merciful-bisnis,3,minahasa,115,Minahasa selatan,9,minahasa-selatan,130,minahasa-tenggara,29,minahasa-utara,55,Minsel,32,nasional,622,olahraga,344,Opini,1,pariwisata,67,pemerintahan-politik,1217,pendidikan,82,religius,106,sangihe,44,sepakbola,207,sitaro,25,sulut,109,talaud,18,tekno,12,tenis,4,tinju,6,tomohon,100,tutorial-web,18,video,23,
ltr
item
FokusManado.Com : Tercepat Dalam Informasi: Cara Membuat Kotak Search Box Elegan di Blogger
Cara Membuat Kotak Search Box Elegan di Blogger
http://4.bp.blogspot.com/-CkQNIewCd-8/UQr7FF7XzbI/AAAAAAAAAWs/ZUz1NxZfyRY/s1600/search+box.png
http://4.bp.blogspot.com/-CkQNIewCd-8/UQr7FF7XzbI/AAAAAAAAAWs/ZUz1NxZfyRY/s72-c/search+box.png
FokusManado.Com : Tercepat Dalam Informasi
http://www.fokusmanado.com/2013/04/cara-membuat-kotak-search-box-elegan-di.html
http://www.fokusmanado.com/
http://www.fokusmanado.com/
http://www.fokusmanado.com/2013/04/cara-membuat-kotak-search-box-elegan-di.html
true
2964614751945099129
UTF-8
Tidak ada sambungan Tidak ditemukan tulisan apa pun LIHAT SEMUA Selengkapnya Balasan Cancel reply Delete PENULIS Home HALAMAN POSTS LIHAT SEMUA DIREKOMENDASIKAN UNTUKMU LABEL ARCHIVE SEARCH SEMUA POS Tidak ditemukan pos apa pun dengan permintaan Anda Back Home Minggu Senin Selasa Rabu Kamis Jumat Sabtu Ming Sen Sel Rab Kam Jum Sab Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember Jan Feb Mar Apr Mei Jun Jul Agu Sep Okt Nov Des just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy