Mình từng giới thiệu cho các bạn 2 cách tạo hộp tìm kiếm đó là "Tạo công cụ tìm kiếm cho Blog Hiện kết quả tìm kiếm tại Static Page cho Blogspot" và "Tạo hộp tìm kiếm cho blogspot" nhưng cả 2 đều là công cụ dựa trên nền tảng của Google do vậy hôm nay mình xin giới thiệu thêm công cụ tìm kiếm của Yahoo

Các bạn có thể xem Demo ngay bên dưới đây:



  • ☼ Cách tiến hành:
    1- Đăng nhập vào Blog
    2- Vào Phần tủ trang
    3- Chọn Thêm tiện cíh (Add ưidget) - Thêm 1 tiện ích HTML/Javarscip và dán đoạn code bên dưới vào:
    <div id="ysrchForm  width="100%";margin:0 auto;padding:20px;position:relative; ">
    <form id="searchBoxForm_undefined" action="http://search.yahoo.com/search" style="padding:0;" target="_blank">
    <input value="UTF-8" name="ei" type="hidden"/>
    <input value="ystg" name="fr" type="hidden"/>
    <div style="padding:0 80px 0 0;zoom:1;">
    <input onfocus="this.style.background='#fff';" type="text" id="searchTerm" onblur="if(this.value=='')this.style.background='#fff  3px center  no-repeat'" style="height:20px;border: solid 1px black; background:#fff  3px center no-repeat; position:relative;" size="33" / name="p"/>
    <input style="width:50px" value="Tìm" name="go" type="submit"/>
    </div>
    <span padding:0; font:11px/11px helvetica, sans-serif; list-style-type:none;="arial," margin:0; normal text-align:left;>
    <li style="display:inline;padding-right:10px;">
    <input id="web_radio" style="vertical-align:middle;margin-right:5px; " value="" name="vs" type="radio"/>
    <label for="web_radio" style="display:inline;vertical-align:middle; padding-top:2px;">Web</label>
    </li>
    <li style="display:inline;padding-right:10px;">
    <input id="site_radio" checked="checked" style="vertical-align:middle;margin-right:5px; " value="http://namkna.blogspot.com/" name="vs" type="radio"/>
    <label for="site_radio" style="display:inline;vertical-align:middle; padding-top:2px;">this Blog</label>
    </li>
    </span>
    </form>
    </div>
    Trong đó:
    • Thay thế http://namkna.blogspot.com/ thành URL địa chỉ blog của bạn.
    • Thay chữ This blog thanhg chũ bạn muốn như: Trên blog này
    • Thay chữ Web thành chũ bạn muốn.
    Ngoài ra bạn có thể chèn tự động bằng cách bấm vào nút bên dưới.