Cách hướng dẫn thêm Tìm kiếm google - google search vào Blog - Blogger, Web

Sau đây mình sẽ giới thiệu 3 cách chèn Tìm kiếm google - google search , cũng rất đơn giản thôi.


Cách 1: Dùng cho Blogger/Blogspot.
1. Đăng nhập vào Bảng điều khiển Blogger của bạn 
2. Vào Thiết kế > Phần tử trang
3. Thêm tiện ích

4. Sau đó chọn mục "Ô Tìm kiếm"

5. Lưu và bạn đã có tìm kiếm - search của Google
Cách 2: Cách này dùng cho Blogger hoặc Web, cách này cũng khá là đơn giãn.
I ) Trước tiên là Blogger nhe.
1. Đăng nhập vào Bảng điều khiển Blogger của bạn 
2. Vào Thiết kế > Phần tử trang
3. Thêm tiện ích

 4. Sau đó chọn mục "HTML/Javascript"    

 5. Và chèn HTML dưới đây vào là được.

Mẫu 1:

Code Mẫu 1:

<!-- Google Custom Search Element --> <div id="cse" style="width:100%;">Loading</div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('search', '1');google.setOnLoadCallback(function(){var cse = new google.search.CustomSearchControl();cse.draw('cse');}, true);</script>

Mẫu 2:

Code Mẫu 2:

<!-- Google Custom Search Element --> <div id="cse" style="width:100%;">Loading</div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('search', '1', {style: google.loader.themes.BUBBLEGUM});google.setOnLoadCallback(function(){var cse = new google.search.CustomSearchControl();cse.draw('cse');}, true);</script>

Mẫu 3:

Code Mẫu 3:

<!-- Google Custom Search Element --> <div id="cse" style="width:100%;">Loading</div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('search', '1', {style: google.loader.themes.GREENSKY});google.setOnLoadCallback(function(){var cse = new google.search.CustomSearchControl();cse.draw('cse');}, true);</script>

Mẫu 4:

Code Mẫu 4:

<!-- Google Custom Search Element --> <div id="cse" style="width:100%;">Loading</div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('search', '1', {style: google.loader.themes.ESPRESSO});google.setOnLoadCallback(function(){var cse = new google.search.CustomSearchControl();cse.draw('cse');}, true);</script>

Mẫu 5:

Code Mẫu 5:

<!-- Google Custom Search Element --> <div id="cse" style="width:100%;">Loading</div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('search', '1', {style: google.loader.themes.SHINY});google.setOnLoadCallback(function(){var cse = new google.search.CustomSearchControl();cse.draw('cse');}, true);</script>

Mẫu 5:

Code Mẫu 5:

<!-- Google Custom Search Element --> <div id="cse" style="width:100%;">Loading</div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('search', '1', {style: google.loader.themes.MINIMALIST});google.setOnLoadCallback(function(){var cse = new google.search.CustomSearchControl();cse.draw('cse');}, true);</script>

II ) Còn web thì rất đơn giản chỉ cần bỏ Code vào là được.

Cách 3:
a). Google search:

 Hình minh họa.

 Code:

<form action="http://www.google.com/search" method="get" target="_blank"><div style="border: 0px solid #ccc; padding: 4px; width: 20em;"> <table border="0" cellpadding="0"> <tbody><tr><td> <input style="width: 120px;"maxlength="255" value="" name="q" size="25" type="text"/> <input value="Tìm Kiếm" type="submit"/></td></tr> <tr><td align="left"> <input checked="checked" value="YourBlog.blogspot.com" name="sitesearch" type="checkbox"/> Chỉ tìm kiếm ở Blog này</td></tr></tbody></table></div></form>

Có thể thay đổi các dòng code màu đỏ để trang trí box search theo ý bạn.

2. Google Blogsearch:

Hình minh họa.

Code:

<FORM METHOD="GET" ACTION="http://blogsearch.google.com/"> <INPUT TYPE="hidden" name="num" value="10" /> <INPUT TYPE="hidden" name="hl" value="en" /> <input name="as_sitesearch" value="YOURBLOG_URL" type="hidden"> <INPUT TYPE="text" NAME="as_q" style="width: 100px;" /> <INPUT TYPE="submit" value="Google Blog Search" /> </FORM>

Thay code màu bỏ URL của bạn.

Chúc các bạn thành công !

Theo: Archive24h.com

01 tháng 4 2011 // TAG Blogger/Blogspot, Thủ thuật // 2 nhận xét //

Do you like this article? Share It!

2 nhận xét to "Cách hướng dẫn thêm Tìm kiếm google - google search vào Blog - Blogger, Web"

• 

  lúc 04:13 2 tháng 8, 2011
  Nặc danh says:

  Hihi cám ơn bạn, mình đã thêm được google search vào blog của mình http://sexy-photos-blog.blogspot.com/

• 

  lúc 22:14 11 tháng 8, 2011
  Michelle says:

  Bạn cho mình hỏi làm sao để trang blogspot của mình có thể được tìm thấy ở google.com khi search từ khoá tên blog? (YM: michelletao_0803)