Widget Search / Pencarian Di Blog

     Pagi sobat blogger,...!! Pagi yang cerah enaknya untuk mencari sesuatu yang berguna nih,.... (x_X l3B4y) Hahaha,. Kali ini Mas_BRO punya alat untuk mencarinya "Widget Search Di Blog" bagi yang ingin menambahkan widget searching ini,... tinggal ikuti copypaste dan simpan. Baiklah langsung saja, Silahkan

1.Cara memasang widget search box di blogger
2.Login ke Blogger
3.Tambah HTML/Javascript
4.Copy salah satu kode dari 6 widget serch box keren di bawah ini dan COPAS(CopyPaste) Ke HTML/Javascript tadi,.....
5.Simpan

     

Widget Search box 1

<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj5nW74fSAre9DME5rsjQzuZj1DSSlnHNPICkW9VVRkZ70ukHw4_w8_0kUlnw4XRnOC1s7YJ_E1PwVlul-PtoOyJjzleK-2sK7sR0c67oVSleSaYbVJ6T6pxLVN3tBZw9wABzjh5zzYpX8/) 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>

Widget Search box 2

<style type="text/css"> #b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEholAfD1u47GaWd7wMexSrBMFO38kGCH_2-LTrweo-LhsgHktTujf7WH__ry3ecO3FbtfmgnJMhD6rk7Upt6waQVQ3G70Hw12k3gSucMm5m0tDuDUy-kujokEWk1oFEfQD96k8rcEzc_vHv/) 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/AVvXsEjXHPLPVh0YIUulDCaflZ35XSqvHxQGVpRlN9pCxB_SY3UcRL91ox3sLHYvMXP5ZWHw7Pbv_YO_1R7qkC6tuSKEavXjQmx0B_1O9ryb9ZjKuHlj_N2Jvud4hrT5-ZxpTf2YfN-4YQaCSx38/) 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

<style type="text/css"> #d-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Z5fRIpGZAP9YIDuDxcrUq-MjSSOnTw9vi2lerMn_5mGQF5Kq46WA2wJ0CF8wnwKN7HJ2zZarO5sqqhWHs5rztv_YhbPLeMbEZ1ksj1Nx_A0RQr-cGUw86SbnPyZeMOSXpK2rifbR1jVC/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#d-searchform{display: block;padding: 12px;margin:0;} form#d-searchform #d{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#d-searchform #dbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="d-searchbox"><form id="d-searchform" action="/search" method="get">    <input type="text" id="d" name="q" value=""/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="dbutton" /> </form></div>

Widget Search box 5

<style type="text/css"> #e-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKP2aWoIR2yeF3A_KBMoFtUeVSkuR4sUoJk8NOiy53qPQnxq54NwOxoxdu4beh1ifB-lEUT8Tabr_RGIDFDV2FSDrTSb6lnu-6kxV65U6zeKqOL3K-35kDHo8GvwHW7bPIHqmNlAXSMurv/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#e-searchform{display: block;padding: 12px;margin:0;} form#e-searchform #e{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#e-searchform #ebutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="e-searchbox"><form id="e-searchform" action="/search" method="get">    <input type="text" id="e" name="q" value=""/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="ebutton" /></form></div>

Widget Search box 6

<style type="text/css"> #f-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENJIuLtDW_e88DQ8N-bbNF6MuYiPqXFIklWdp60Lju80KOfJ8FPjpvzkF-Gm9LlwQqz68FrKDz9HBzhVGINP9HRKP3DdCmjr2urQyvoND-hmuCC6-VAwvQaFdANS03Vkw-Yp2acAi4iIe/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#f-searchform{display: block;padding: 12px;margin:0;} form#f-searchform #f{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#f-searchform #fbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="f-searchbox"><form id="f-searchform" action="/search" method="get">    <input type="text" id="f" name="q" value=""/>  <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="fbutton" /> </form></div>

Terima Kasih Atas Kunjungannya - Mas_BRO