Cara Membuat Kotak Search Box Keren
nah jika kalian merasa ingin mengganti searchbox bawaan blogger, mungkin CSS dan HTML berikut ini bisa menggantikan posisi search box bawaan blogger, hanya dgn tambahan CSS dan HTML, bisa membuat Search box menjadi menarik dan mengalih perhatian pengunjung untuk mencari artikel.
5 Kotak Search Box Keren :
1. Buka Blogger.
2. Klik Tambah Widget / Add a Gadget.
3. Pilih HTML/Javascript.
4. Copy kode di bawah ini dan letakkan di box HTML/Javascript.
Search Box Style Green
<style type="text/css">#mediablogger-searchbox { border-radius: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRoRXbbrHMg4tijgN8UXB7f47fAuH_ryUEauc9cjdcwlgMzu89FQHiJ0ASRGa5Ie8qsQmxH8Wtros26JgUzzKdQ2IUCLf5OwQBHqaKba0XQIgJd7Llfx4Ir6dNrTDD-9nljhxrqrh28y5S/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>
- Style Red ( Merah )
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg-7HpOrIGkwopAL1MmqNcXwgpzokqStsY1Non7NqGb0TTYYYPCxR9vG_z5OspoVPXkWnYwrf-3HIHCDHmjbnqGvd4HJLh0os7F89LF2QSz_JeqBDqP0XKfQV2IzY8FQdJ61VDRo81HNKl/s1600/impoint.blogspot.com-red.png
- Style Blue ( Biru )
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy22xcfNtLAwPuu8LY1zJfuhfIlHVkd38mg5CWCsm_9R5VAft7MR9hnTJJyPDph8LfAOvOVHfqu5E0c4JvNLMNfOySn9qu0pjyPny1txYuQJhc7CqGp-zX45_l1psui0O0bkmk87hOCGx/s1600/impoint.blogspot.com-blue.png
-Style Orange
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4EMxgNXeCNvVQLe7X1sFafN8KM9xSVoyzrXhkwEWdjrqsJzA-EyH_hQE3st7MAnZxHFaGNXEgT3c5avg8jQg8o7mYuN_XMt9OrqkQ20l6JImlvmc6CP5UeeUgFeUNt2zExB5tHMKFX7L/s1600/impoint.blogspot.com-orange.png
5. Lalu simpan gadget.
bagus makasih tutorialnya , ditunggu kunbalnya
BalasHapuswww.kokowow.blogspots.com