BEST PICTURE: Widged Search Box Keren 2014

Thursday, August 23, 2018

Widged Search Box Keren 2014

Widged Search Box Keren 2014

Bagi yang punya blog nih, yang gak punya jangan ngiri ya..Hahaha...
Pada kali ini saya akan bagikan Search Box Keren untuk kalian semua.
Langsung aja nih, Check this out...!!!

Widget Search Box Keren untuk Blog

Cara memasang widget search box di blogger

Login ke Blogger > Edit HTML > Add Element baru > HTML atau Javascript
Copy salah satu kode dari 6 widget serch box keren di bawah ini dan paste pada element baru tadi.

Widget Search box 1

<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3eC6nsa1cF66MiqT3RhmkCDD-GpKgKSeevN01EY4xQma45ANgONlDwUWshe5hM8AKUgAgEfxB7o-EJGBz3CrPMw27-mW_gkBC-kxUxBq973mUqyUzVBA1cTx5dxGLbkE4HZ8DHoRa9_Gu/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get"> <input type="text" id="a" 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="abutton" /> </form></div>

$0AWidget Search box 2

<style type="text/css"> #b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1e7VhNP4bcCNuhX3j8Vw4eL_5PQ88n78xojGqmXfpfsJUNZzZMC4AKunxnL9dvH8ge2_fm9jfRo71FwfK4nDFn0LJc85y7OyYsoWXva7o1heKQUmfVHC6_zZyPWYeH3Ec2SV2ZR46wBxp/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#b-searchform{display: block;padding: 10px 12px;margin:0;} form#b-searchform #b{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#b-searchform #bbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="b-searchbox"><form id="b-searchform" action="/search" method="get"> <input type="text" id="b" 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="bbutton" /></form></div>

Widget Search box 3

<style type="text/css"> #c-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8kRLp7hlYEdGSUvREQp_qfKt0xcSKVwvvpjtpk5J0HvISOaN-1Xb7xATWuFqw8qr9hJ0p1qMkGiRmQOWzxoaAb0Zuuehg7DqQ30HRi-319L2Sst-dAE76GPFPCli93q-8VGd-tvsD_XBS/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#c-searchform{display: block;padding: 10px 12px;margin:0;} form#c-searchform #c{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#c-searchform #cbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><div id="c-searchbox"><form id="c-searchform" action="/search" method="get"> <input type="text" id="c" 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="cbutton" /></form></div>

Widget Search box 4

Widget Search box 5

Widget Search box 6

width:307px >> Silahkan ganti dengan lebar widget blog anda.
Terimakasih..

go to link download