Rabu, 24 Juli 2013
Cara1
1.Login Blog
2.Klik Nama Blog → Tata Letak → Tambah Gadget → Kotak Penelusuran
3.Atur sesuai keinginan sobat
4.Klik Simpan
Cara 2
1.Login Blog
2.Klik Nama Blog → Tata Letak → Tambah Gadget → HTML/JavaScript
3.Masukkan kode berikut
<form action="http://keyzo-nootaru.blogspot.com/search"Ganti http://keyzo-nootaru.blogspot.com/ dengan alamat blog sobat
method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
Dan ganti nomor 40 dengan panjang kotak
4.Klik Simpan
Cara 3
1.Login Blog
2.Klik Nama Blog → Tata Letak → Tambah Gadget → HTML/JavaScript
3.Masukkan kode berikut
<span style='float:right;'>
<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk1UxtpfQw4A4wcFYMB9bO7A_PUAFikhF7aMV7HesxVGCdMDYz6NGOI9M_a6sGXn1VQHPfwqNy8sgVS5f-vNtYG9xTKbbYSW8-q1-0Zr7PAIpPCgP2rcCluELpS2IH8JkQx8mAjLYh3lbx/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;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>
</span>
Cara 4
1.Login Blog
2.Klik Nama Blog → Tata Letak → Tambah Gadget → HTML/JavaScript
3.Masukkan kode berikut
<form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Search"/>
</form>
<style>
#s {
margin: 0 auto;
-webkit-appearance: none;
-moz-appearance: none;
padding: 12px 48px 12px 12px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
width: 200px;
height: 16px;
color: #3a4449;
border: none;
outline: none;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
position: relative;
z-index: 2;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijK48tBDim6VBCt-QZKJkBB1FmU6ynKlqqjiMeSwjR5ILXDLL9fETU-HV4wRcG44kdOByjoudF4yjlH_kPleGfaUW-7FBhH1d6mMdnSD2Y1PaOISBojymvLSGVIerHuTY5aCFiLcl6IDk/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
color: #607078;
}
</style>
Cara 5
1.Login Blog
2.Klik Nama Blog → Tata Letak → Tambah Gadget → HTML/JavaScript
3.Masukkan kode berikut
<style type="text/css">#mediablogger-searchbox { border-radius: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ81ID2S26CZIbN8m1bqJAgjRl7X3O9tvm_7oY1w9WrJtiIvxcb5Bz4VoqMvQewsDnQGr158zvvNuYP04nPZ1EBKCpfy5TWzPfu1U_HqjFqnRVqSTrbisS2is1bq9w-y9uKxDrDgJp/h71/keyzo-nootaru.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...";}' /></form></div>Ganti tulisanhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ81ID2S26CZIbN8m1bqJAgjRl7X3O9tvm_7oY1w9WrJtiIvxcb5Bz4VoqMvQewsDnQGr158zvvNuYP04nPZ1EBKCpfy5TWzPfu1U_HqjFqnRVqSTrbisS2is1bq9w-y9uKxDrDgJp/h71/keyzo-nootaru.blogspot.com+-+Green.png dengan salah satu style dibawah:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ81ID2S26CZIbN8m1bqJAgjRl7X3O9tvm_7oY1w9WrJtiIvxcb5Bz4VoqMvQewsDnQGr158zvvNuYP04nPZ1EBKCpfy5TWzPfu1U_HqjFqnRVqSTrbisS2is1bq9w-y9uKxDrDgJp/h71/keyzo-nootaru.blogspot.com+-+Green.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOp72Y1Sp3sSCubLMuRokYljqPsyaQ8CrRUKhFGRIpuL0Uv3UYd6Q5ghsifPYmUmz62cZdKKXP03ZvszzhzoP3nPpmSVXQzv5XPD_UUR8cPHTMP9ZY8b5-IWRrPutXgrkWc9xO9wp2/s1600/keyzo-nootaru.blogspot.com+-+Red.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikt6jAwx6DBaNtwcBeyLtyvPcFCoDRvHXOm91ICfzzscUL28NNvK013NJkgJDLwr84EnfdHjXWPhyphenhyphenWUTmPdPI1MbWegPL2tyj3kj2U2aZnLWaP8QAsSpin754EJFtemoVLO7Tc2zJD/s1600/keyzo-nootaru.blogspot.com+-+Blue.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvEz23MvZ1qFfTE7OtSSIWloUMzsodz5pLZVCAHTvb20WcM2N_rN4DfnXLk4tRDzImnzz0XOzrLDZoSJvvq0FYWo7SxDWdUDRuY7KomL-NJzLLttNefHORVl3IUYudNobYkyIHucJ2/s1600/keyzo-nootaru.blogspot.com+-+Orange.png
Cara 6
1.Login Blog
2.Klik Nama Blog → Tata Letak → Tambah Gadget → HTML/JavaScript
3.Masukkan kode berikut
<style type="text/css">Ganti tulisan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34KmYU961BxcOxuudRdQzjr3ZVo1wzAx1rNQ4tyWw3NymJ0vkP2TpzcraWxO5CD_OmXDRxyIxjupnwb1xUC4vpCyzF6QjdMEqfztPM1BEce95RoU1rDMKJWwf1DrK9NyblzokMtFf-Qf1/s1600/lostsector-search-box-blue.png dengan salah satu style dibawah:
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34KmYU961BxcOxuudRdQzjr3ZVo1wzAx1rNQ4tyWw3NymJ0vkP2TpzcraWxO5CD_OmXDRxyIxjupnwb1xUC4vpCyzF6QjdMEqfztPM1BEce95RoU1rDMKJWwf1DrK9NyblzokMtFf-Qf1/s1600/lostsector-search-box-blue.png) 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-left:20px;width: 205px;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>
<center>
<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></center>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34KmYU961BxcOxuudRdQzjr3ZVo1wzAx1rNQ4tyWw3NymJ0vkP2TpzcraWxO5CD_OmXDRxyIxjupnwb1xUC4vpCyzF6QjdMEqfztPM1BEce95RoU1rDMKJWwf1DrK9NyblzokMtFf-Qf1/s1600/lostsector-search-box-blue.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnTNyJfN9yX8Qs7wPdNLg50AAvBWf9PC1-BYdppSmu0rFuogAc-G21Fub7yzJthzq98-V2w4X2NrRYlqo7MF_SJm0NesX4fpkzreDIZAgdc4qR2P4sDCv_t2Ial6ythYkaDSMEmH9iYgcy/s1600/lostsector-search-box-darkgrey.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKsZoQtQ4ivl6quFG0BU1yRyeoanuQXmkvQ-YZs84sGcR1zqpjNJCfy0P42U7c38duWONY7XubaVk2MsuokT7phZPoJ0e7U__UiNe06jfxDFMCIhblEx9O-JgZuhs6SJR2AVoM_xukdyrF/s1600/lostsector-search-box-gray.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxaCMX6NF7il4Au3rbcVQ6VDn-XxqfKaLHHd6Mk5G1cRv3TiZtp8uRx9im0Z2XgXS0GWOmoABf9wTsNA-v-dtuH3_KkffsxyBr1XKNprBIKlkxeuO-KMCw1NURfL5Ii1H4l3bR9-psO6s8/s1600/lostsector-search-box-black.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMw-BmtUgMILU1cUc7Q73iM2Zv_F-g1tvgFcQaoyqNatdj9KJQaBZjDKwkvRZ9FrpwJSZspkADGrTET3A7W1HCgY3mzz2juhZ_ZysjUbvSih78ex_w9P208zQYZMEmAZs671Xxz_mxjMPo/s1600/lostsector-search-box-red.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpbI6cOsrvasvUja2p59Fc1f5vMk8FDxPWZupH5_raJNZoSEYgyGz1KWwAlRq_1JIl9qeQlW0AfDokt08-CUsUUJ4CYnbiNkdGdmRKSFjNjZb_2pM6c5lqFjUCJ1n3ZQQ0TGVYEEgou61/s1600/lostsector-search-box-yellow.png
