Khung tìm kiếm cho blogspot

Đối với một blog mới chỉ có vài bài viết thì việc xem các bài viết cũng không quá là khó khăn.
Xong nếu như là một blog đã có tới 100 hay vài trăm bài viết thì sẽ thế nào?
Việc bạn tìm được bài viết mà mình đang cần tìm trên blog ấy quả thực là rất khó khăn, dù nó đã chia thành các mục rất cẩn thận và chi tiết.

Để đơn giản hóa việc tìm kiếm và làm giảm thời gian phải lật từng trang trên blog. Hôm nay Việt Blogger xin hướng dẫn các bạn cách thêm công cụ tìm kiếm bài viết vào blog của mình.

Bắt đầu thôi!

Bước 1: Đăng nhập vào blog của bạn.
Bước 2: Kéo xuống phần quản lý bố cục

Bước 3: Copy đoạn code sau

<form id="vbg-css3-search" action="/search" method="get">
<input id="search" name="q" type="text" placeholder="Nhập từ khóa cần tìm" />
<input id="submit" type="submit" value="Tìm kiếm" />
</form>
<p style="display:none;">Khung tìm kiếm bởi <a href="http://www.vietbg.com">Việt Blogger</a></p>
<style>
#vbg-css3-search{
background:#B2D7FC;
background-image:0;
width:98%; height:35px;
overflow:hidden;
padding:10px
}
#search, #submit{float:left}
#search{
height:23px;
width:90.5%;
border:1px solid #a4c3ca;
font:normal 13px 'trebuchet MS', arial, helvetica;
background:#f1f1f1;
padding:5px 9px
}
#submit{
background:#46BE6E;
height:35px;
width:60px;
cursor:pointer;
font:bold 14px Arial, Helvetica;
color:#23441e;
border-width:0px;
margin:0 0 0 10px;
padding:0
}
#submit:hover{background:#95d788;background-image:0}
#submit:active{background:#95d788;outline:none}
#submit::-moz-focus-inner{border:none}
#search.placeholder{color:#9c9c9c!important;font-style:italic}
#search:focus{background:#fff;outline:none;border-color:#8badb4}
#search::-webkit-input-placeholder,#search:-moz-placeholder{color:#9c9c9c;font-style:italic}</style>

Bước 4: Chọn nơi bạn muốn hiển thị. Rồi click thêm tiện ích và chọn HTML/Javascript
Một của sổ mới hiện ra. Các bạn điền tên cho widget và paste đoạn code trên vào khung dưới.

Sau đó nhấn Lưu.
Xong rồi, ra trang chủ và xem kết quả thôi: