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


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"

  • 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/

  • 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)

Đăng nhận xét

* Bạn có thể nhận xét / góp ý / bình luận tại đây.
* Vui lòng gõ tiếng Việt có dấu.
* Bạn chưa có tài khoản vẫn có thể nhận xét bằng cách chọn hồ sơ là Tên/URL (với URL là địa chỉ email hoặc blog của bạn).

Loading