Read in English
?????? ????
Step:1 First Login to your blogger account and go to your blogger dashboard? Then go to layout.
Setp-2: In the pop-up window Choose HTML/JavaScript and Paste the below search box Code inside the empty box.
<style>
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4JBZIs_weDTQe5-XH0rTVzq3QGpsQmdAFuIbcunuxlHMdi8keLHEj5YWc1grOocV8wuWe3_sl-J3J6D8gD-rXWQET30678-VNvaS-feT6tULub4S-pSQfpFujvPNtIi15Ut9b2HpE_4I/s1600/1.1.png) no-repeat;
width: 208px;
height: 37px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: transparent;
margin: 6px 0px 0px 20px;
padding: 5px 0px 5px 0px;
border-width: 0px;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 12px;
color: #828282;
width: 70%;
display: inline-table;
vertical-align: top;
}
#button-submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZeNBib-hbWFv2r_s4vFjOPACAk1ZMvvHsb0qUctaZq1xmSTptqd5S1cLM4GBUGKsF1FdQmg_wbKi0G_e-QRMrq0uJoLOpNdnrhwdir54enZOkFhHIsPpLpLQGh216HwLffhzZL90j3jv3/s1600/magnifier.png) no-repeat;
border-width: 0px;
cursor: pointer;
margin-left: 9px;
margin-top: 8px;
width: 21px;
height: 22px;
}
#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUwzanibbpGqgHPwMlOMH5aPG9skzYZ8LQhp_8rwF8wbxCMY049Ghth4Qp7B91BntynM7csNRHM8uYrr-OoDiMN5Ei9Y2huyn5MVM9gzjnzEB5807uV4IK_NoewKhq30n8Eb3DPxOSo5v/s1600/magnifier-hover.png) no-repeat;
}
#button-submit:active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUwzanibbpGqgHPwMlOMH5aPG9skzYZ8LQhp_8rwF8wbxCMY049Ghth4Qp7B91BntynM7csNRHM8uYrr-OoDiMN5Ei9Y2huyn5MVM9gzjnzEB5807uV4IK_NoewKhq30n8Eb3DPxOSo5v/s1600/magnifier-hover.png) no-repeat;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="search..." />
<input id="button-submit" type="submit" value="" />
</form>
OR,
<style>OR,
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTPD2cTuKvN9sEw8iAJqaLGMTGOcLuqb-HUjMLTHCV2z0QCa0D5c4r0Z1HyVbHOKBSnq5LTPAhAv8zlp1a-uLlUQUIy52lATIlMLt3EfVvTH_-9IispBYmH6anQpyImxnbD4oOydluvoq/s1600/1.png) no-repeat;
width: 252px;
height: 32px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: transparent;
margin: 3px 0px 0px 20px;
padding: 5px 0px 5px 0px;
border-width: 0px;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 12px;
color: #828282;
width: 70%;
display: inline-table;
vertical-align: top;
}
#button-submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglPsuImE-MC8l7RetAa6Pfa9x3LlPNJdLZ4VV94CzsFWBZKWaZXhDQClYjzf_HqulqFY6aiG2cV8LHJKw6fA8ZAu1BLKuNC4M3buemlFWUgHDOcL8wHW27Jghpgdp9AbPVB0S4CXeNhnPJ/s1600/2.png) no-repeat;
border-width: 0px;
cursor: pointer;
margin-left: -28px;
margin-top: 2px;
width: 74px;
height: 26px;
}
#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRPlPs-PheB76xzo8A9kcpgZTuOn6Ij5Ey5OIanZthAO1nc28DY3Bwml7waMN8bv1EUZSC-4-rvh4bPlhlKJALE_U_9XuhkdiiU8BniQlbc1W5YTKGLGxR1qgEYzqo2sa_QNzM8_eRVjqp/s1600/3.png) no-repeat;
}
#button-submit:active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRPlPs-PheB76xzo8A9kcpgZTuOn6Ij5Ey5OIanZthAO1nc28DY3Bwml7waMN8bv1EUZSC-4-rvh4bPlhlKJALE_U_9XuhkdiiU8BniQlbc1W5YTKGLGxR1qgEYzqo2sa_QNzM8_eRVjqp/s1600/3.png) no-repeat;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="search..." />
<input id="button-submit" type="submit" value="" />
</form>
<style>OR,
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhA4d63-HS6hRn3bDKWVfO6mV_CzOrZeLponwqsvg2OmpEQ7x5i4aQdxnHhh1Xr023W5iMozGSZpsEy5e_1OBA_M0D164Wk4QWmXkftBswz5rOvBK84Sv-MAHZDKZRZDMrhxem4Exxdk4a/s1600/1.png) no-repeat;
width: 250px;
height: 42px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: transparent;
margin: 3px 0px 0px 20px;
padding: 5px 0px 5px 0px;
border-width: 0px;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 12px;
color: #828282;
width: 70%;
display: inline-table;
vertical-align: top;
}
#button-submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsEwivZ4T6k30uiB_uNt360JEYi2ZMj6EVDr0NIy9m6Q7V9-mtO1IpNn2g2ELkOf9Sse3Jp6czncLh0TZI70gDTdwnlHnTezRfYNFXjEX6Yvn5xT1H3zarDJeJ3NROdA3JSiW0ma5MjqZ/s1600/2.png) no-repeat;
border-width: 0px;
cursor: pointer;
margin-left: -43px;
margin-top: -1px;
width: 90px;
height: 38px;
}
#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid1WN4tuUU6XfnhjsfXW-O09MNdRnrG5C_LewxoNCKyQlBF1sbEPSFp73xzMPz62VEphiqG6OOPxAumLQoJfDSbmR48IaaM6zpFNGRBmS1x3AKqjKJg8uhQw_yE6kTHtu5nfTHvAiMnU-o/s1600/3.png) no-repeat;
}
#button-submit:active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid1WN4tuUU6XfnhjsfXW-O09MNdRnrG5C_LewxoNCKyQlBF1sbEPSFp73xzMPz62VEphiqG6OOPxAumLQoJfDSbmR48IaaM6zpFNGRBmS1x3AKqjKJg8uhQw_yE6kTHtu5nfTHvAiMnU-o/s1600/3.png) no-repeat;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="search..." />
<input id="button-submit" type="submit" value="" />
</form>
<style>OR,
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsjArO2Qwrxy87oay686w1M6hFW_nARHuNM3W4FdqaNse-5IOrfkvzv_4p68cv3_Zyh3f01OwxuSbaKw26JJHZNOPkfy1VyE2FkFSJNySM-LeBlD2PK5CV4Rz70Vb78rArxM7f9dm4IduI/s1600/1.4.png) no-repeat;
width: 271px;
height: 50px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: transparent;
margin: 11px 10px 0px 22px;
padding: 5px 0px 5px 0px;
border-width: 0px;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 12px;
color: #828282;
width: 70%;
display: inline-table;
vertical-align: top;
}
#button-submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBRQ3RR50pLsnuS-4zunUz_P6cI-Nc5Kg_H6MaYUcUYBkm1Et76qhuZzg_WweVgINkcy14bJptVNS0P2SMqcb85Idr1leyMnJl6_v-o13bIZ5rVW1mq0qFPbTudI9gHkncESxaLAlQ98nb/s1600/2.png) no-repeat;
border-width: 0px;
cursor: pointer;
margin-left: -25px;
margin-top: 5px;
width: 64px;
height: 38px;
}
#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkExte5jVTyK5_KgA4laGbvefPYzsOMwp_YUSN68W2NMXYNI_FWmrZ32eVlTY83sGqZeaYiOgLRbp9OThOsNkFsQECvWtSC-J7ITT2WfSWu45ISPI9A_YPlh0xxoK-Rvhna4nQv2CDRCIv/s1600/3.png) no-repeat;
}
#button-submit:active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkExte5jVTyK5_KgA4laGbvefPYzsOMwp_YUSN68W2NMXYNI_FWmrZ32eVlTY83sGqZeaYiOgLRbp9OThOsNkFsQECvWtSC-J7ITT2WfSWu45ISPI9A_YPlh0xxoK-Rvhna4nQv2CDRCIv/s1600/3.png) no-repeat;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="search..." />
<input id="button-submit" type="submit" value="" />
</form>
<style>Step-3: Now Click on the Save Button?
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS1RZrpuZ4kR1xC_Jk3Tkw_f5eGZzfe-T1FihOXy9MWVBCvE9ovPEWmfTL6R1l7Qv1V3vu1JjuZxltkYPrbw8Jy53MaW3CBJfjVHVXyQFjriMcxB0gCkJ2FrBD3tqN4DKYdMzEMTJgNWlZ/s1600/searchboxpsddesign23.png) no-repeat;
width: 285px;
height: 50px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: transparent;
margin: 11px 10px 0px 22px;
padding: 5px 0px 5px 0px;
border-width: 0px;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 12px;
color: #828282;
width: 70%;
display: inline-table;
vertical-align: top;
}
#button-submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNv4KfsNJiG5-44aVOglEa8QP3gpQNg3clo4iji-UxOKswz7YCDy-QqUyc07B3UuuhijYquy9ukG-7_FrTraNzA41jqbvK2ilc2xw-2k53EEynpm78w5vXcybLyXASu5l1ladHUPfDbSZK/s1600/2.png) no-repeat;
border-width: 0px;
cursor: pointer;
margin-left: -25px;
margin-top: 10px;
width: 64px;
height: 27px;
}
#button-submit:hover {
background: url(http://3.bp.blogspot.com/-tE9engUq47U/VV67pWPHjavascript:void(0)lbI/AAAAAAAAArE/JvuGT9yQ2k0/s1600/3.png) no-repeat;
}
#button-submit:active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyliQl1uEDjOKkUXsz00HDkLJ_VAWaF1cUOWYtoHXOsFu8GNisAqTsA_F6Lm2GoplOZpZTb43QRqtGQT6sLWrnpWt6ilb9fXfJAUoBqdFcIW4OPXNOqmK3fJerf0NhEkO-I5DZh-qtHuUS/s1600/3.png) no-repeat;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="search..." />
<input id="button-submit" type="submit" value="" />
</form>
0 comments:
Post a Comment