Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link

Auto chèn link cho từ khóa trong bài viết của blogspot

2 min read
Bình thường để chèn link vào một từ khóa trong bài viết bạn phải thực hiện thủ công. Như vậy với bài viết có nhiều từ khóa xẽ rất bất tiện. Bài viết này namkna sẽ hướng dẫn các bạn cách để tự động chèn liên kết (link) vào các từ khóa (keywork) nằm trong bài viết của bạn mà không phải vất vả thêm thủ công từng link bằng tay...

Ảnh minh họa:

1. Đăng nhập vào tài khoản Blogger
2. Vào Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn một trong 2 đoạn code bên dưới và chèn nó  ngay trước thẻ </head>
(Mẹo: Bấm chuột vào một vị trí bất kỳ trong ô chỉnh sửa HTML vào để sử dụng khung tìm kiếm nội tuyến như bài này):
- Đoạn 1:  Các liên kết mở ngay tại trang bạn đang xem:
<script type='text/javascript'>
//<![CDATA[
function doHighlight(a,c,f){for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+'<a title="'+a.substr(b,c.length)+'" alt="'+a.substr(b,c.length)+'" href="'+f+'">'+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d} function highlightSearchTerms(a,c,f,d){searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0};
//]]>
</script>
- Đoạn 2: Các link mở ra trong tab mới khi click chuột vào thì hãy dùng đoạn code bên dưới:
<script type='text/javascript'>
//<![CDATA[
function doHighlight(a,c,f){for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+'<a title="'+a.substr(b,c.length)+'" alt="'+a.substr(b,c.length)+'" href="'+f+'" target="_blank">'+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d} function highlightSearchTerms(a,c,f,d){searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0};
//]]>
</script>
5. Tìm đoạn code sau:
<data:post.body/>

- Thay thế nó thành:
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
highlightSearchTerms('Kenhvietpro 1',true,'http://kenhvietpro.blogspot.com/ 1','summary<data:post.id/>');
highlightSearchTerms('Kenhvietpro 2',true,'http://kenhvietpro.blogspot.com/ 2','summary<data:post.id/>');
highlightSearchTerms('Kenhvietpro 3',true,'http://kenhvietpro.blogspot.com/ 3','summary<data:post.id/>');
</script>

Lưu ý: Mỗi blog thường có từ 2 đến 4 đoạn code như trên. Các bạn phải chèn đúng vị trí mới hiển thị.
¤ Trong đó:
  • Thay  Kenhvietpro 1,2,thành các từ khóa bạn hay sử dụng trong blog.
  • Thay http://kenhvietpro.blogspot.com/ 1,2,thành link tương ứng với các từ khóa.
  • Để thâm một từ khóa mới bạn chỉ cần thêm đoạn mã bên dưới vào trước thẻ </script> của đoạn code trên. 
    highlightSearchTerms('Kenhvietpro',true,'http://kenhvietpro.blogspot.com/','summary<data:post.id/>');
6. Lưu mẫu lại.
- Giờ hãy tạo một bài viết mới chứa các từ khóa như bạn đx thiết lập ở đoạn scripts trong bước 6 rồi xuát bản và xem kết quả nha.
Chúc Các Bạn Thành Công

¤  Nếu càn giúp đỡ?

Nếu gặp bất kỳ vướng mắc nào khi áp dụng hãy để lại comment mình sẽ trợ giúp.

You may like these posts

  • NLight Template Blogspot Responsive 2016  Chào tất cả các bạn! Hôm nay Chu Bằng AiTi xin giới thiệu một Template Full Responsive cho blogge 2016 , ch…
  • Bạn có biết rất nhiều blogger đang sử dụng các trang mạng xã hội để làm tăng lượng truy cập vào Website của họ không? Có rất nhiều cách mà các blogger áp dụng để liên kết blog của…
  • Xin chào các bạn, hôm nay kenhvietpro xin hướng dẫn các bạn tạo 1 trang sitemap cho blogspot. Ảnh Demo Sitemap Của Kenhvietpro Demo Bước 1:  Các bạn vào Phần Trang / …
  • Xin chào các bạn! Hôm này mình sẽ hướng dẫn tiếp các bạn tạo Khung chứa code khá đẹp với nền tối kết hợp tiêu đề màu làm nổi bật từng loại code. Nào bắt đầu! Mục Đích Tạo t…
  • Đã có 1 số bài viết nói về vấn đề này. Nhưng mình cảm thấy không đầy đủ và những người mới tiếp xúc thì khó có thể tùy biến theo ý mình được. Nay mình xin tổng hợp lại thành bài…
  • Giúp cho blogger của bạn đẹp từ những shortcode bằng việc tạo ra các nút bottons cực đẹp Buttons shortcode được hiểu là 1 biểu tượng bằng hình ảnh, tạo ra các …

Post a Comment