Breaking News:

Featured Headlines

Celebrity Gossip

World News

Meta Links

Technology

Recent Comments Widget

TẠO HỘP TÌM KIẾM CHO BLOGGER

By Trường Huy | Thứ Sáu, 8 tháng 7, 2011

Để cho khách tham quan dễ dàng tìm kiếm các bài đã đăng trên Blog của mình, bạn có thể tạo hộp tìm kiếm (Search...) trên Blog với một số mẫu dưới đây.

Ứng với mỗi mẫu là code phía dưới, nếu thích mẫu nào bạn chỉ cần đăng nhập vào Blog > chọn thiết kế > thêm tiện ích HTML/Javacript rồi dán code tương ứng phía dưới vào và bấm Lưu lại là xong.

Mẫu 1:

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqA1rO_HIIA5rVljAdQmjEtGtEXb8nAHtmN67QcxTBsJirB_RmICZRXCfpiV0Tv2V2u3_jNTzn5HHs9Zu6BQ9qZYrfU-Y6ATPRoS5nxkTWLkDMC3ttU3_1OTb9ScfEx36gvNfW9XXYDu9K/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style>   <br /> <div id="w2b-searchbox">    <form id="w2b-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...";}'/><br />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br />     </form></div>

Mẫu 2:

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGLxc0SOftDo9Rxt_ESamavEmnV3EaLxqu-VVQTK7aoB308vZwleV45OApBNG3yXO8OXdh021F_dyt7_Wquw7esAfOPZxl2Ct-ykn6r1OWGR67Di43A4bH8KMXGLSDWPHB6uinNiQBjIz3/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style>   <br /> <div id="w2b-searchbox">    <form id="w2b-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...";}'/><br />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br />     </form></div>

Mẫu 3:

<style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi34X4GSfXrjR4t3XOgW5yjItaw9QSM8XkxlmJBZ2ILFDpnGzlXXM1rMwnOfKYctlp3oCtSzBHzmO4s_BgBPTG5raPPMYsoZBeNYOdkmCHPs6T5suLt48si64aNq5ZTgEM-H9_-rATKAuHW/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style>   <br /> <div id="w2b-searchbox">    <form id="w2b-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...";}'/><br />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /><br />     </form></div>

Mẫu 4:

Mẫu 5:

Posted in NÂNG CAO, TIỆN ÍCH

Follow any responses to the RSS 2.0. Leave a response

0 nhận xét for "TẠO HỘP TÌM KIẾM CHO BLOGGER"

Leave a reply