Hộp tìm kiếm rất quan trọng với một website, độc giả có thể thông qua hộp tìm kiếm trên website của bạn để tìm kiếm các thông tin đã được bạn đăng từ lâu hoặc họ không nhớ chính xác bài viết họ muốn tìm là gì, ở đây share123.vn chỉ giới thiệu một cách tạo hộp tìm kiếm google giống share123.vn. nhanh và dễ làm lại đẹp, phù hợp với website và những bạn mới bắt đầu chơi blogspot.
Cách làm:
Trong thẻ <head> ... </head> các bạn paste đoạn Css sau:
Share123.vn chúc bạn thành công
Tags:
 |
| 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/AVvXsEjTg9k9pcwEM_k_8ikMm7gVf3ESd6NjzC7vcdwPHeKXHjdjaDhwj66WCGV31rtBbkIllPOgnqHzg3m9VoEDR06lSlJqc2MgZmsIfRwxjNZxJV9ytX90YOYHiRGNhuqVvJX0tSYWbcMyOyg/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
Không có nhận xét nào: