Hướng dẫn tự động chèn liên kết vào các từ khóa trong blogger.

Trước khi bắt đầu tìm hiểu cách tự động chèn liên kết vào các từ khóa trong blogger (How to autmomatically link keyword in post of blogger?) tôi xin trình bài khái miện về link keyword một chút, link keyword nghĩa tiếng việt là liên kết qua từ khóa, dễ hiễu là trong bài viết của bạn có thể có xuất hiện tại từ, và các từ này là chủ đề của một bài viết khác, hoặc là mục lục nào đó trên trang web của bạn, vì vụ như bạn viết bài về HTML và CSS trong đó chắc hẵn sẽ xuất hiện từ khóa HTML hoặc CSS mà trong mục lục (menu) của bạn có 2 chủ đề này và bạn muốn tạo liên kết cho từ khóa HTML và CSS để khi người dùng click vào sẽ xuất hiện các bài viết về HTML hoặc CSS.


Tuy nhiên bạn sẽ không thể cứ mỗi từ HTML hoặc CSS là bạn phải ngồi tự tạo một cái liên kết cho nó, cứ thử nghĩ mỗi một bài viết bạn thêm trung là 2 liên kết cho hai từ khóa này thôi, thì nếu 100 bài hoặc 1000 ngàn bài bạn phải tao bao nhiêu cái liên kết cách cách viết code? Và nếu từ khóa này tăng thêm thì số lượng là nhiêu dòng code?

Tất nhiên ta không thể cứ thao tác code bằng tay như vây được, nhưng trước khi vào bài hướng dẫn chắc các bạn sẽ thắc mắt tai sao phải thêm các link keyword này vào làm gì?

Câu trả lời cũng tương đối đơn giản, đầu tiên là tăng khả năng tương tác giữ người dùng và website, khi người dùng đọc một bài viết nào đó của bạn họ thấy hay, và muốn tìm các chủ đề tương tự như bài viết này, và họ sẽ rất mất công khi tìm kiếm trên menu hoặc search, hoặc xem label, thay vì vậy họ có thể tìm cái họ muốn nhanh chóng thông qua các liên kết từ khóa này, hai là bạn sẽ tăng tương số lượt xem trang website.

Bây giờ chúng ta sẽ tìm hiểu cách để tự động thêm liên kết vào các từ khóa có trong bài viết của blogger ()How to autmomatically link keyword in post of blogger?) để thực hiện bạn là theo các bước hướng dẫn bên dưới.

Bước 1: Vào Design – > Edit HTML

Bước 2: Tìm từ khóa </head> và thêm dòng sau  vào phía trước </head>
<script src=” http://webvn20.googlecode.com/files/autotag.js ” type=”text/javascript”></script>

Bước 3: Tìm dòng
<b:if cond=’data:blog.pageType == &quot;item&quot;’>

và nhìn thấy dòng code :
<p>
<data:post.body/>
</p>

thay thế bằng code sau
<p>
<div expr:id=’&quot;summary&quot; + data:post.id’>
<data:post.body/>
</div>
<script type=’text/javascript’>
highlightSearchTerms(‘từ khóa bạn muốn gắn’,true,’label mà bạn muốn gắn’,'summary<data:post.id/>’);
</script>
</p>

Ví dụ bạn muốn gắn với từ css vào label css thì bạn gắn như sau :
<script type=’text/javascript’>
highlightSearchTerms(‘css’,true,’http://blog.vnlives.net/css’,'summary<data:post.id/>’);
highlightSearchTerms(‘html’,true,’http://blog.vnlives.net/html’,'summary<data:post.id/>’);
</script>

Bước 4: Nhấn nút SAVE, sau đó quay lại trang blog của bạn, truy cập vào một bài viết có các từ khóa bạn định nghĩa và kiểm tra kết quả.

Hi vọng bài viết hữu ích cho việc phát triển và mở rộng Blogger của bạn, nếu bài việt thật sự hữu cho bạn hãy ủng hộ tôi bắng cách Like hoặc Share bài viết này cho bạn bè của bạn, cảm ơn.


No comments:

Post a Comment