Cách làm hộp search cho Blogger

Bình thường các blogger hay sử dụng hộp Search của Google để tìm kiếm nội dung trong blog của mình. Hộp Search này thường là từ Google Adsense hay Google Custom Search Engine (Google CSE), cả 2 loại này đều có thể kiếm tiền được từ đó: hộp Search Google Adsense thì bạn được hưởng 100% tiền kiếm được từ click, còn Google CSE thì bạn chỉ được hưởng 50% do phải chia sẻ 50/50 với Google.

Làm hộp Search của Google cần có 1 yếu tố cực kì quan trọng là blog phải được Google index nhiều, nếu không thì coi như vô dụng, vì Google sẽ chẳng tìm được cái gì cả, người dùng tất nhiên sẽ chán vì không tìm ra nội dung và rời bỏ blog của bạn.

Để khắc phục điều này, chúng ta nên thiết kế 1 hộp Search khác, dùng sẵn chức năng query của Blogger. Cách làm này tôi học được từ Blogging for Blogs bằng cách thử search 1 vài từ rồi để ý thanh Address. Quả thật nguyên tắc rất đơn giản, để Blogger search cho chúng ta các bài viết có chứa 1 từ nào đó, chỉ cần gõ trên thanh Address địa chỉ sau:

http://yourblog.blogspot.com/search?q=xxx

trong đó xxx là từ bạn cần tìm kiếm.

Biết được nguyên tắc này rồi thì việc tạo 1 hộp search cho riêng mình để tìm kiếm rất đơn giản. Hãy vào phần điều chỉnh Layouts -> Page Elements của Blogger, chọn Add a page element loại HTML/Javascript, rồi điền đoạn mã sau:

<form action="search" style="text-align: center;" method="get">
<input value="Search..." name="q" onclick="if(this.value=='Search...')this.value=''" onblur="if(this.value=='')this.value='Search...'" type="text"/> <input value="Search" type="submit"/>
</form>

Save lại là được. Bây giờ ai muốn tìm kiếm trong blog của bạn cũng sẽ rất dễ dàng hơn nhiều, cách làm này có 1 điểm rất thuật lợi là Blogger sẽ tìm kiếm trên nội dung các bài viết của bạn, cho nên kết quả tìm kiếm sẽ rất sát so với yêu cầu.

Chúc các bạn có 1 blog tuyệt vời.

12 nhận xét :

  1. Mình dùng thử được đấy, Hỗn Tạp à!
    Nếu chèn vào template cần thêm "/" đóng tag input

    Trả lờiXóa
  2. Ừ, đúng rồi, cám ơn bạn nhiều :). Mình đã sửa lại trong code.

    Trả lờiXóa
  3. Anh ơi anh có thể làm hộp tìm kiếm giống như trang http://www.baomoi.com/ ko anh nhìn nó rất là tiện lợi và chuyên nghiệp, nếu anh làm và viết 1 bài thì chắc có nhiều người sử dụng nó !

    Trả lờiXóa
  4. Ở Blogger anh chưa biết cách tìm kiếm trong 1 chuyên mục (Label) nên giờ chưa làm được như Báo mới. Chỉ cần biết cách làm này thì việc thiết kế hộp tìm kiếm như vậy ko khó.

    Trả lờiXóa
  5. Thế à anh, vậy chờ đợi thời gian xem sao !

    Trả lờiXóa
  6. Anh ơi em có đoạn code search
    http://pastebin.com/m4e4c87b5

    Anh sửa code dùm em sao cho khi tìm trên Web thì dùng http://www.google.com.vn/search còn khi search trên blog thì dùng http://www.google.com/search đc ko anh

    Trả lờiXóa
  7. Anh chuyên nghề cóp dán y bong, Vậy là Blogger chơi xấu với Hỗn tạp rồi!
    Rất kết hộp dò này, đơn giản hiệu quả!
    Đề nghị chủ nhà nhà mở rộng cỡ 30 bài liên quan cho các gà tham khổ mệt nghỉ

    Trả lờiXóa
  8. Blog em có tí bài mà mở rộng tới 30 bài liên quan thì hết sạch rồi còn gì :D

    Trả lờiXóa
  9. anh hỗn tạp có thể share cái css của blog này hem thích lắm ấy :X

    Trả lờiXóa
  10. Em có thể view source của blog để xem CSS của nó.

    Trả lờiXóa
  11. chao cac ban co the jiup toi 1 dieu duoc ko? toi muon chen code cua blgspot cho no bien doi khac ban nao co code nao ma thay doi duoc ko ? xin long gui cho minh di cam on nhieu

    Trả lờiXóa
  12. If you're looking for a reputable contextual advertising company, I suggest you check out PropellerAds.

    Trả lờiXóa