Tạo bộ từ khóa (Tag/Keyword) tự động xuất hiện ở cuối bài viết trong blogspot

Các bạn chú ý khung màu xanh chứa bộ Từ khóa dưới tên Lý Đức Quỳnh trong ảnh trên.
Theo mặc định, blogspot không có bộ Từ khóa (Tag/Keyword) cho bài viết (bài đăng) mà chỉ có hệ thống Nhãn (label, ) do ta tạo ra khi đăng bài. Muốn có thêm bộ Từ khóa tự động ở cuối bài đăng mỗi khi đăng bài ngoài hệ thống Nhãn, ta phải tự tạo bằng cách điều chỉnh HTML của blogspot.

Các bạn có thể xem trước bộ từ khóa tại  blog chính thức của DVD.

Cách thực hiện như sau:

1. Đăng nhập vào bảng điều khiển Blog của bạn.
2. Bấm chọn Chủ đề (mẫu/template) => Chỉnh sửa HTML.

3. Thêm đoạn code bên dưới vào trước (hoặc trên) thẻ ]]></b:skin> trong HTML. Bạn có thể sử dụng tổ hợp phím CTRL + F để tìm nhanh thẻ cần tìm. Để tìm nhanh thẻ cần tìm trong HTML, các bạn có thể xem TẠI ĐÂY.

.keywords {
width:100%;
float:left;
margin:15px 0px 5px 0px;
border-bottom: 1px #fff dashed;
font-size:14px; 
font-family:arial;
color: #F4A460; 
padding:5px;
background:#BDEDFF;
border:1px solid #ddd}
.keywords a{
color:#7D2252
}
.keywords a:hover{
color:#C36241;
}

Tuỳ chỉnh code: Để tuỳ chỉnh code bạn phải có bảng mã màu, nếu chưa có bạn có thể xem bảng mã màu của Namloan Blog TẠI ĐÂY

• font-side:: 14px; là kích thước chữ các từ khóa.
• font-family: arial; là kiểu chữ các từ khóa.
• background:#BDEDFF; là màu nền của phần hiển thị các từ khoá, ở đây mình để là màu nền xanh nhạt, bạn nào muốn có thể đổi màu khác hoặc xoá bỏ đi nếu không muốn có nền cho phần đó.
• color:#7D2252; là màu chữ của các từ khoá khi chưa rê chuột lên.
• color:#C36241; là màu của từ khoá sẽ thay đổi khi rê chuột lên từ khoá đó.

4. Tìm đoạn code có dạng như sau:

<data:post.body/>

Sau khi tìm được thì thay thế nó bằng đoạn code như bên dưới:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'>
<data:post.body/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[ 
var keyword_collect = [
                "ao","ảo","áo trắng","âm nhạc","âm u","ấm","ấm áp","anh","Anh","ảnh","áng mây",
                "ba","bà","bà lão","bà xã","bài","bệnh","bóng","bơ vơ",
                "ca","cà phê","cảm","con","con gái","con trai","cô","cơn gió","cha","Cha","chơi đàn","chồng","chiều",
                "da","dang dở","dở","đau","đàn","đàn bà","đàn ông","đêm","đông","đi",
                "e","e ngại","em","Em","êm","êm đềm",
                "ga","gà","gầy","ghi","ghi ta","guitar","gia đình",
                "hạ","hát","hay","hắn","hè","hình","ho","hoa","học","học trò","huyễn",
                "im","im lìm","in","in bóng",
                "kỷ niệm","khô","khổ","khóc","khỏe","khuất","khuya",
                "lá","lan","làn mây","lãng","lãng đãng","lắng","lặng","lạnh","lệ","lo","lơ","lời","lụa",
                "may","mây","Mẹ","mẹ","mênh mang","mong","mơ","mưa","mừng","mùa xuân","mùa hạ","mùa hè","mùa thu","mùa đông","mùa nắng","mùa mưa",
                "nga","ngã","ngày","nghệ thuật","nhật ký","ngộ","ngưng","nhớ","người","Người","ngành","nghề","nghề y","ngành y",
                "ôm","ốm","ôn","ông","ông lão","ông xã",
                "phai","phấn","phận","phim","phong","phụ","phũ","phủ","phương",
                "qua","quanh","quạnh","quang","quẳng","quay",
                "ra","rã","rã rời","rầu","ru","rũ","rực","rưng","rưng rức","rượu",
                "say","sầu","sinh","sự",
                "Ta","ta","tôi","thất tình","thỏa","thu","thư","tim","tìm","tím","tinh","tình","tình yêu","tỏ","tỏ tình","trời","tri âm","tri kỷ","tưởng","tương tư",
                "u ám","u sầu","ủ rũ","ước","ướt",
                "vợ","vui","vùi","vườn","vượt",
                "xa","xanh","xanh xao","xua","xuân",
                "yêu","yêu đương","yêu thương","yếu"
                ]
  //]]>
</script>
<script type='text/javascript'>
//<![CDATA[ 
  function makeKeywordForPost(mKF_id)
{
        var content;
        var isDOM  = (navigator.appName.match("Microsoft Internet Explorer") || navigator.appName.match("MSIE")) ? false : true;
        if(isDOM) {
                        content = document.getElementById(mKF_id).textContent;
        } else {
                        content = document.getElementById(mKF_id).innerText;
        }
        var str = "";
        var link1 = "http://www.google.com/custom?num=10&hl=vi&sitesearch="+home_page2+"&safe=active&client"+"="+"pu"+"b"+"-"+"4673"+"536952"+"067"+"001"+"&channel=2050848750&cof=FORID%3A1%3BAH%3Aleft%3BCX%3ABlog%2520Search%2520Engine%3BL%3Ahttp%3A%2F%2Fwww.google.com%2Fcoop%2Fintl%2Fvi%2Fimages%2Fcustom_search_sm.gif%3BLH%3A65%3BLP%3A1%3BLC%3A%230000ff%3BVLC%3A%23663399%3BGFNT%3A%230000ff%3BGIMP%3A%230000ff%3BDIV%3A%23336699%3B&adkw=AELymgVLQ1pCgQ1HkGAZON5Ler9SjqKIlb-EpWbmPXOLco0m2rF7o0kpQwgiMj010xBmPliz5EvXVi7Gf8yNKr_D_X9kkLWWtOK6ZKU2Ac1jbzP6nm3hy9s&q=%22";
        var link2 = "%22&btnG=T%C3%ACm+ki%E1%BA%BFm&cx=partner"+"-p"+"ub-"+"467"+"35"+"36952"+"0670"+"01";
        for(var j=0;j<keyword_collect.length;j++){
                if(content.indexOf(" "+keyword_collect[j]+" ")!=-1){
                        str += '<a href="'+link1+encodeURIComponent(keyword_collect[j])+link2+'">'+keyword_collect[j]+'</a>, ';
                }
        }
        str =  (str!="") ? keyword_text + str : keyword_text + "no keyword";
        document.write(str);
}
  //]]>
</script>
<div class='keywords'>

<script type='text/javascript'>
home_page2 = &quot;dovaden2010.blogspot.com&quot;;
keyword_text = &quot;<b>Từ khóa:</b> &quot;;
window.onLoad = makeKeywordForPost(&quot;post_body&quot;);</script>
</div>
</b:if>

Tuỳ chỉnh code:

• Để thêm, xoá bớt hoặc chỉnh sửa từ khoá bạn chỉ cần chỉnh sửa phần chữ màu đỏ trong đoạn code trên. Để thêm các từ khoá bạn chỉ việc thêm từ khóa vào trong dấu ngoặc kép (ví dụ: "Ảnh đẹp"), giữa các từ khoá phải cách nhau bởi dấu phẩy và không có khoảng trắng (ví dụ: "Ảnh đẹp","Ảnh chế","Ảnh cười"), không thêm dấu phẩy trước từ khoá đầu tiên và sau từ khoá cuối cùng.
• Bạn thay thế dovaden2010.blogspot.com bằng địa chỉ blog của bạn.

5. Bấm lưu mẫu lại và kiểm tra kết quả.

Chú ý: 
Nếu các bạn thực hiện chưa được cho blog là do có nhiều code

<data:post.body/>

 các bạn có thể tham khảo chi tiết hơn TẠI ĐÂY.

(blog chính thức của DVD chỉ có 2 code <data:post.body/>,  DVD thay thế vào dòng  code <data:post.body/> thứ 2)

Nguồn:
http://namloan.blogspot.com/2016/01/auto-add-tag-keywork-search-in-post-blogger-seo-top1.html
và
http://www.terocket.com/2012/04/tao-bo-tag-keywork-cho-bai-viet-trong.html