 |
| Hướng dẫn tạo hộp tìm kiếm cho blogspot |
Trong thẻ <head> ... </head> các bạn paste đoạn Css sau:
.search {
float:right;
width:230px;
margin:4px 10px 0 0;
}
.search {
width: 280px;
float: right;
margin-top: -10px;
margin-right: -35px;
}
.search p {
float:left;
margin-right:5px;
margin-top:3px;
}
.boxsearch {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcmMqxlcxUswjuP1ZhghL2I7LGQ4-4sY4c01j3VYAZHA9C5ZVlB5AUYuiUCbZu5UxwvDxQnC3RHJJ97U18je2K7Ly5gVHUa4yreLIXZ9FjGDaPS9ZyT-GOViyFk8ShHKq-D-n_g9jjbA/s1600/searchboxx.gif) no-repeat;
width:157px;
height:20px;
font-size:11px;
border:none;
float:left;
line-height:20px;
padding-left:10px;
}
.buttonsearch {
width:auto;
height:20px;
border:1px solid #4f0a0b;
background:#b80d1e;
font-weight:700;
color:#fff;
float:left;
cursor:pointer;
}Trong thẻ <body> ... </body> bạn paste đoạn code sau:<li class='search'>
<form action='http://www.google.com/cse' id='search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://www.share123.vn'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='UTF-8'/>
<input class='boxsearch' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='Từ khóa tìm kiếm...'/>
<input class='buttonsearch' title='Tìm' type='submit' value='Tìm kiếm'/>
</form>
</li>Bạn nhớ thay link http://www.share123.vn thành link blog của bạnShare123.vn chúc bạn thành công
Xem Thêm :
+1.PNG)
Đăng nhận xét