Chèn link Google Search vào footer của bài viết

Dạo qua một vòng các blog bạn bè thấy một số blog có phần liên kết tìm kiếm bài đăng đó trên google cuối mỗi bài viết khá hay nên mình viết bài hướng dẫn thủ thuật này. Thủ thuật  sẽ tạo 1 link text nhỏ ở dưới mỗi bài viết. Khi click vào link này thì lập tức sẽ mở ra 1 cửa sổ mới của trang Google với nội dung tìm kiếm chính là tiêu đề bài viết mà bạn đang xem. 

XXEM DEMO

Như yêu cầu thì tiện ích sẽ thay thế cho việc copy tiêu đề bài viết và dán vào google để tìm kiếm. Thủ thuật này cũng là 1 cách để cho các bạn có thể kiểm tra xem bài biết của bạn đứng thứ bao nhiêu trong kết quả tìm kiếm của google (với từ khóa chính là tiêu đề bài viết).

Sau đây là các bước thực hiện :
1. Vào thiết kế
2. Vào chỉnh sửa code HTML
3. Nhấp chọn mở rộng mẫu tiện ích
4. Tìm đoạn code như bên dưới :

<div class='post-footer-line post-footer-line-3'>

Hoặc:

<div class='post-footer-line post-footer-line-1'>

Hoặc:

<div class='post-footer-line post-footer-line-2'>

Hoặc:

<div class='post-footer'>

Hoặc

<data:post.body/>

5. Sau khi tìm được 1 trong các đoạn code trên, các bạn dán đoạn code bên dưới vào ngay sau nó :

<div class='google-search-link' style='text-align:center;'>
<form action='http://www.google.com.vn/search' method='get' name='search-pt' target='_blank'>
<input autocomplete='off' expr:value='data:post.title' 
id='search-text' name='q' style='display:none;' tabindex='7' 
type='text'/>
<a href='#' onclick='document[&quot;search-pt&quot;].submit()'>=== Click vào đây để tìm bài viết này trên google ===</a> 
</form>
</div>

- các bạn có thể thay dòng === Click vào đây để tìm bài viết này trên google === thành đoạn text khác mà các bạn thích.

6. Save template.

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

Chủ đề: