Hướng Dẫn Chi Tiết Cách Thêm Tag/Keywork Vào Bài Viết Blogspot

   Với những Blogger mới tham gia làng Blogspot sẽ rất khó để có thể thêm các từ khoá tự động cho bài viết của mình, do vậy hôm nay Yinghn sẽ hướng dẫn các bạn cách để cuối mỗi bài viết của các bạn xuất hiện các từ khoá định hướng độc giả cho trang blog của bạn.Bạn có thể xem tiện tích mình áp dụng trên blog demo sau đây:



Sử dụng hợp lý từ khoá (keywork) và các thẻ Tag hợp lý, liên quan đến chủ đề, nội dung bài viết của bạn có thể giúp lôi kéo độc giả ở lại lâu hơn với trang web của bạn, điều đó đồng nghĩa với việc có ích cho khả năng SEO trang web của bạn được tăng lên.
      Bộ từ khoá sẽ được các bạn tự thiết lập sẵn và lưu trong trình chỉnh sửa HTML của trang web. Khi các bạn xuất bản một bài viết bất kỳ trên trang blog tiện ích sẽ tự động đối chiếu các từ khoá với các chữ trong bài viết của bạn, những chữ trong bài viêt trùng với từ khoá trong mẫu sẽ được hiện thị ở cuối bài viết của bạn. Nếu trong bài viết của bạn không có chữ nào trùng với từ khoá bất kỳ thì sẽ không có từ khoá hiển thị ở cuối bài viết thay vào đó là dòng chữ "Tags: no keywork". Do vậy mẹo nhỏ cho các bạn là hãy sử dụng những từ khoá có liên quan đến chủ đề mà blog của bạn đang viết.
SAU ĐÂY LÀ CÁC BƯỚC THỰC HIỆN :
1. Đăng nhập vào bảng điều khiển Blog của bạn.
2. Bấm chọn Mẫu (template) => Chỉnh sử HTML

3. Thêm đoạn mã bên dưới vào sau trước thẻ ]]></b:skin> trong mẫu của bạn.
.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
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 dê chuột lên từ khoá đó.

4. Tìm đoạn code sau nội dung bài viết có dạng như sau : <data:post.body/>
Bạn thể sử dụng tổ hợp phím CTRL + F để tìm, sau khi tìm được thì thay thế nó thành đ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 = [
                "Adsense","Ajax","âm nhạc","ảnh","audio","axit","Ăn chơi","Alexa","Ảnh vui","Alexa","bài gần đây","bài liên quan","banner","Bill Gates","blogger","blogspot","bookmark",
                "cafe","cấu hình","chơi đàn","chồng","clip","cơ bản","cơ sở","con gái","công cụ","CSS","cua gái","comment","Chuyện ấy","cute girl","Crack","cine",
                "đại gia","đàn bà","đàn ông","Dashboard","Desktop","địa chỉ ip","điện thoại","domain","download","down nhạc","design","DVDrip","HDrip",
                "editor","email","Explorer","Ebooks",
                "feedburner","file","FireFox","flash","Form comment",
                "GA","gà cáo","ghita","Gmail","Google","google.com","GTalk","guitar","giới tính","giới trẻ",
                "Hà Nội","hacking","hacker","hexa","hiếp dâm","hình","hình sự","Hitler","Hoa Kỳ","hóa học","học sinh","HTML","Huế","Hot girl","Hot Link","Học đường","học trò","Hài hước",
                "image","Internet","IPhone",
                "java","javascript","jquery","js","json",
                "kinh tế","khoa học","kiến thức","kinh nghiệm","keygen","kiếm tiền","kontactr",
                "làm tình","lập trình","Linux","love","Lưu Diệc Phi","lời khuyên",
                "mạng cộng đồng","Media","menu","Mobile","Mozilla","MP3","MP4","MS Office","mua dâm","music","Mỹ","Mẹo","Mootools","Mediafire","Megaupload","Máy tính",
                "Nga","nghệ thuật","ngoại tình","nhắn tin","nhật ký","nick","Nghệ thuật sống","Notrasdamus","Navbar","Nude","Ngày ấy","ngộ nghĩnh",
                "Office","Opera","office",
                "Phi Phi","phụ nữ","Portable","Phim hot","Photoshop","papazazi","phim","Phim bộ",
                "Sài Gòn","sát thủ","sinh học","sinh lý","sinh viên","SMS","soft","sothink","Sex","sofwware","scandal",
                "Tây Ninh","tên miền","thất tình","thư điện tử","thủ thuật","thương mại","tìm kiếm","tin tức","tình dục","tình yêu","toán","tool","top","TP HCM","TP. Hồ Chí Minh","Trảng Bàng","Trung","tiện ích","tỏ tình","teen","tự sướng","template","thumbnail","truyện cười","truyện ngắn","thằng nhỏ","trẻ em",
                "Users online","Using",
                            "Rank","Read more","Recent posts","Related posts","Rapidshare",
                "vật lý","video","Việt Nam","Vista","vợ",
                "web","widget","window",
                "xác suất","XXX","xe độ","xa xỉ",
                "Yahoo","Yahoo 360","Yahoo Mail","Yahoo Mash","Yahoo Messenger","yahoo.com","yêu đương","Youtube","youtube.com"

                ]
  //]]>
</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 = "https://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%3Ahttps%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;namkna.blogspot.com&quot;;
keyword_text = &quot;<b>Từ khóa:</b> &quot;;
window.onLoad = makeKeywordForPost(&quot;post_body&quot;);</script>
</div>
</b:if>

OK đã xong.Bây giờ bạn có thể tùy chỉnh keyworks theo ý bạn:
    Để thêm 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í 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.
5 . Bấm lưu mẫu lại và kiểm tra kết quả bằng cách đăng một bài viết bất kỳ nhé.Có gì vướng mắc hãy để lại bình luận nhé!
Chúc bạn thành công!



Đăng nhận xét

[blogger][facebook]

TÁC GIẢ

{facebook#https://www.facebook.com/couponkhuyenmaimoingay/}

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.