Tùy biến Comment cho blogspot, khung bình luận đẹp blogspot

Bạn quá nhàm chán với khung Comment của blogspot, bạn cũng đang chán với Comment của Facebook rồi, bạn muốn làm mới Style comment blog của bạn 1 cách chuyên nghiệp hơn. vậy bài viết sau đây sẽ làm bài hài lòng nhất.

Tùy biến Comment cho blogspot

Nói tùy biến không phải, đây chỉ là 1 Plugin hỗ trợ cho comment blogspot 1 cách chuyên nghiệp hơn, đặc biệt là những blog về tin tức, thủ thuật thì đây là 1 Plugin bạn không thể bỏ qua. Chắc hẳn các bạn đã từng vào trang Dantri.com.vn để đọc tin tức rồi đúng không, khi đến cuối bài bạn để ý có 1 khung comment rất đẹp và cũng rất chuyên nghiệp nữa, Plugin mình giới thiệu sau đây cũng tương tự như vậy.

DEMO

Đây là kết quả khi bạn làm thành công trên Blogspot của bạn.

Nó có đầy đủ chức năng như trả lời, đánh giá, sắp xếp bình luận, like, dislike, đăng nhập bằng Twitter, ....

Còn đây là phần quản trị trực quan cho các comment trên blogspot của bạn.

Bạn có thể xóa, chặn Ip các comment bạn không muốn cho hiển thị...

Quá tuyệt vời phải không, Thích chưa nào.

Tùy biến Comment cho blogspot, khung bình luận đẹp blogspot'

Đầu tiên bạn đăng ký 1 tài khoản tại đây http://intensedebate.com/

Sau khi đăng ký và kích hoạt mail xong, bạn vào phần quản trị >> Sites >> Add blog/site và thêm Blog của bạn vào

Thêm địa chỉ Blogspot muốn chèn Comment vào

Qua bước cài đặt trang web sẽ yêu cầu bạn Backup/Restore template blogspot mà bạn muốn chèn comment vào.

Bạn vào phần quản trị blog >> mẫu >> sao lưu và khôi phục >> Bạn upload lên trang Intensedebate như yêu cầu

Tới bước này website sẽ cung cấp cho bạn 1 khung code html, bạn copy toàn bộ và thay thế cho html Blogspot của bạn

Lưu lại và hoàn thành

Chú ý: Bạn có thể tùy chỉnh khung comment trong blogspot của bạn bằng cách vào phần setting và tùy chỉnh những gì mình thích trong đó. bạn có thể chuyển qua ngôn ngữ Việt Nam nếu thích

Rất đơn giản phải không, Với khung comment đẹp cho blogspot này nhìn blog của bạn sẽ rất chuyên nghiệp và đẹp nữa đấy, Chúc bạn thành công.

Nếu bạn cần hỗ trợ gì, cứ comment bên dưới nhé. mình sẽ hỗ trợ các bạn :))

More about →

Cách thay font chữ trong blogspot

Hey! Chào mọi người, lâu rồi mình không viết bài cho blog, hôm nay có hứng thú nên tiếp tục chia sẻ cho các bạn 1 số thủ thuật blogspot nhỏ để tạo một blogspot đẹp
Chắc hẳn đa số các bạn khi tải 1 Template blogspot (thường là từ các trang nước ngoài) về cài đặt xong file xml, ra xem cái giao diện blog của mình nó thế nào thì thốt lên rằng...Ôi nó đẹp quá,.... nhưng sao cái font này nó lại méo mó, thậm chí là có các ô vuông, hoặc không hài lòng lắm với kiểu font như vậy? làm sao để thay đổi font chữ đây?

Cách thay font chữ trong blogspot

Mình sẽ chia sẻ cách đơn giản nhất để có thể chỉnh sửa font chữ trong blogspot. Cách này khá cơ bản chỉ cần bạn hiểu sơ qua 1 số mã css là bạn có thể chỉnh sửa tùy ý theo ý của mình.

Thay font chữ trong blogspot

(Một số thuộc tính css của font bạn có thể tham khảo ở trang sau đây: Http://www.w3schools.com/css/css_font.asp)

Để có thể sửa font cách nhanh nhất bạn có thể dùng trình duyệt Chrome  và sử dụng chức năng Developer Tools (nhấn phím 12 hoặc bấm chuột phải chọn "kiểm tra phần tử")

Bạn nhấn chuột phải vào dòng chữ cần chỉnh font >> kiểm tra phần tử

Khi đó trình duyệt của bạn sẽ hiện lên 1 khung ở dưới trình duyệt của bạn:

Ví dụ: mình muốn chỉnh font chữ của dòng chữ" Follow Share And Tricks " Trên blog Chiase-thuthuat.blogspot.com luôn nhé:

Bạn chú ý, sau khi nhấn kiểm tra phần tử , sẽ xuất hiện nay ở trong khung trên 1 đoạn code như sau:

Nhìn sang phía bên phải sẽ thấy 1 đoạn code nhỏ như thế này:

Đây chính là phần mà bạn cần thay đổi:

Ở trên font của mình sẽ hiện đang là font Tahoma và mẫu chữ sẽ là

 giờ mình sẽ chuyển qua font Times xem có gì thay đổi không: (Để đổi font bạn kick vào dòng font muốn đổi )

Giờ xem kết quả:

Bạn đã thấy sự khác nhau chưa?

Nhưng chú ý: đây chỉ là chỉnh sửa hiện thị trực quan trên trình duyệt của bạn thôi, template của bạn chưa hề thay đổi gì cả, giờ chỉ cần bạn nhấn f5 là blogs của bạn sẽ trở về ban đầu mà không hề sứt mẻ gì. Vậy nãy giờ làm công cốc à? Không ! giờ đến bước quan trọng đây.

Bạn giữ nguyên như vậy, chú ý phần mình khoanh màu xanh nhé:

Bạn copy lại, vào phần quản trị blogspot >> mẫu >> chỉnh sửa html >> nhấn ctrl + f

Khi đó nó sẽ hiện 1 khung tìm kiếm ở góc phần sửa html, dán đoạn lúc nãy đã copy và nhấn Enter

Sẽ được như hình sau:

Bạn thấy giống gì lúc nãy không? giờ bạn có thể tùy chỉnh font chữ cần sửa như ý muốn.

Khi sửa xong hãy luôn nhớ 1 điều là nhấn nút lưu mẫu để hoàn thành

Ngoài ra bạn có thể thêm 1 số thuộc tính như Font-size, font-weightm, Color.... Tùy ý đến khi thấy hài lòng.

Rất phức tạp phải không, giờ bạn đang cảm thấy hào hứng hay chán nản? Nếu hào hứng hãy share bài viết này cho bạn bè của mình, còn đang chán nản hãy comment ở dưới để mình có thể hỗ trợ.

Chúc bạn có thể dễ dàng thay font chữ trong blogspot của mình được hài lòng và hài hòa nhất.

More about →

Bài Viết Liên Quan Trên Sidebar (Related post Sidebar) cho Blogspot

Tiện Ích Bài Viết Liên Quan Mới Nhất Cho Nhãn Trên Sidebar

Bài Viết Liên Quan (Related post) là một phần rất quan trọng trong việc điều hướng cũng như cung cấp nội dung cần thiết tới người đọc khi họ đang quan tâm một bài biết của bạn. Các bài viết thủ thuật blogspot về Bài Viết Liên Quan đã được chia sẻ khá nhiều nhưng bài viết liên quan nằm trên Sidebar left (hoặc right) thì lại khá hiếm hoi. Hôm nay, tôi có góp nhặt được thủ thuật này, xin chia sẻ cùng bạn đọc.

Demo

Cách thực hiện

Chú ý: Trước khi thực hiện bất cứ thủ thuật gì bạn nên sao lưu lại 1 bản template phòng khi bị hỏng thì có thể dễ dàng phục hồi

Bước 1. Đăng nhập Blogger, vào Bố cục>> Thêm tiện ích >> Thêm 1 HTML/Javascript

Đặt tên cho tiện ích (Bài viết liên quan), dán vào phần nội dung tiện ích bằng đoạn code sau đây (Lưu ý mình đã chú ý script để các bạn có thể hiểu tường tận hơn, có thể tùy biến CSS theo ý thích của bạn). (Thay các thông số cho phù hợp với blog của bạn)

<script type="text/javascript">
// Recent and Related Posts for Label on Sidebar
var post_per_page = 5; // thiết lập số bài viết hiển thị mỗi trang
var post_snippet = 70; // thiết lập số ký tự tóm tắt bài viết
var homepage = "http://chiase-thuthuat.blogspot.com"; // đặt địa chỉ trang chủ của bạn
var img_default = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbcbRHTbb2wkr7zdHcyL0Ggoj3b-2w7ZOuMu0eigR157nk4gjJ1O9ZBBnbf60Cv97qnfCmjFoZCIvEopqhnLsGjJJc1XWoxgTr_lqZFfBB5lz3FjQTINytdCEYyxZj_sJhBbmodrUhrtE/s1600/recentpostnothumb.png"; // thiết lập URL hình mặc định
var pr_flagfirst = 0;
var url_prev, url_next;
// chức năng tạo tóm tắt bài viết
function removeHtmlTag(strx,chop){
var summary = strx.split("<");
for(var i=0;i<summary.length;i++){
if(summary[i].indexOf(">")!=-1){
summary[i] = summary[i].substring(summary[i].indexOf(">")+1,summary[i].length);
}
}
summary = summary.join("");
summary = summary.substring(0,chop-1);
return summary;
}
// chức năng tạo biến
function showpagelabel(json) {
var entry, posttitle, posturl, postimg, postcontent;
var str_out = "";
// tìm URL phân trang
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
// đây là trang trước
url_prev = json.feed.link[k].href;
}
if (json.feed.link[k].rel == 'next') {
// đây là trang sau
url_next = json.feed.link[k].href;
}
}
// đọc và xác định bài viết
for (var i = 0; i < post_per_page; i++) {
// nếu không có thì kết thúc lệnh
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
// đây là tiêu đề bài viết
posttitle = entry.title.$t;
// tìm URL bài viết
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
// lưu trữ nó
posturl = entry.link[k].href;
break;
}
}
// tìm nội dung bài viết và lưu trữ nó
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
// tìm ảnh đại diện hoặc sử dụng ảnh mặc định
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = img_default;
}
// kết thúc đọc, tạo code HTML
str_out += "<div class='pagi_label'>";
str_out += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
str_out += "<h6>
<a href='" + posturl + "' target='_blank'>" + posttitle + "</a></h6>
";
str_out += "<p>
" + removeHtmlTag(postcontent,post_snippet) + " ...</p>
";
str_out += "</div>
";
}
// kết thúc lệnh và viết kết quả
document.getElementById("Sidebar_Label").innerHTML = str_out;
// tạo phần phân trang
str_out = "";
// nếu có trang trước, tạo link nhưng chỉ có text
if(url_prev) {
str_out += "<a href='javascript:navi_pagi_label(-1);' class='previous'>Prev</a>";
} else {
str_out += "<span class='disabled previous'>Prev</span>";
}
// nếu có trang sau, tạo link nhưng chỉ có text
if(url_next) {
str_out += "<a href='javascript:navi_pagi_label(1);' class='next'>Next</a>";
} else {
str_out += "<span class='disabled next'>Next</span>";
}
// tạo link cho trang đầu
str_out += "<a href='javascript:navi_pagi_label(0);' class='first'>First</a>";
// viết code
document.getElementById("PR_Label_Sidebar").innerHTML = str_out;
}
// chức năng tạo địa chỉ feed sẽ đọc
function navi_pagi_label(direction){
var p, parameters;
if(direction==-1) {
// trang trước
p = url_prev.indexOf("?");
parameters = url_prev.substring(p);
} else if (direction==1) {
// trang sau
p = url_next.indexOf("?");
parameters = url_next.substring(p);
} else {
// trang đầu
parameters = "?start-index=1&max-results=" + post_per_page + "&orderby=published&alt=json-in-script"
}
parameters += "&callback=showpagelabel";
include_script(parameters);
}
// đây là chức năng load script động
function include_script(parameters) {
// nếu không phải lần đầu tiên thì loại script trên
if(pr_flagfirst==1) {remover_script();}
// xóa mọi thứ và đặt một dòng text hoặc ảnh load
document.getElementById("Sidebar_Label").innerHTML = "<div id='loading_script'>
</div>
";
document.getElementById("PR_Label_Sidebar").innerHTML = "";
// đây là lưu trữ feed
var archive_feeds = homepage + "/feeds/posts/default/-/" + label_Related + parameters;
// load và cho chạy
var nouvo = document.createElement('script');
nouvo.setAttribute('type', 'text/javascript');
nouvo.setAttribute('src', archive_feeds);
nouvo.setAttribute('id', 'LABELTEMPORAL');
document.getElementsByTagName('head')[0].appendChild(nouvo);
pr_flagfirst = 1;
}
// đây là chức năng loại bỏ script đã được load trước
function remover_script() {
var that = document.getElementById("LABELTEMPORAL");
var father = that.parentNode;
father.removeChild(that);
}
// khi load trang thì bắt đầu chức năng
onload=function() { navi_pagi_label(0); }
</script>
<style type="text/css">
#Sidebar_Label {margin: 0 auto;width:100%}
.pagi_label {background-color: #ffffff;border-bottom: 1px dashed #101921;height: 72px;margin: 5px 0;padding: 5px;width: 300px;}
.pagi_label img {float: left;height: 70px;padding:1px;margin: 0 5px 3px;width: 70px;}
.pagi_label h6, .pagi_label h6 a {margin:0;font-size:12px !important;font-weight:normal !important;color:#069}
.pagi_label:hover {-moz-box-shadow: 0px 0px 60px #505961 inset;}
.pagi_label p {font-size:12px;padding:0 3px 3px}
#loading_script {color:#888;font-family:Century Gothic;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444; background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZX0kswLqZ-tKy46iQkTSKEN5NoevesHHJzEqRLEVuCHJURtuevAyJe6iETA7CJCW0i-Rl8m6WZpyPalS-lHSnAOJqDEbVQUbPORqkiJOtSQi8nHMbQyEKr1vTJhJ4Sge_Y-LSKvZPmfM/) no-repeat 50% 50%; height:489px; width:100%}
#PR_Label_Sidebar {background-color: #ffffff;color: #BBB;font-family: Tahoma;font-size: 18px;text-align: center;margin:0 auto;width:100%}
#PR_Label_Sidebar a {color: #BBB !important;font-family: Tahoma !important;font-size: 18px !important;font-weight: normal !important;padding: 5px 10px;display:block;}
#PR_Label_Sidebar a:hover {color: #069 !important;}
#PR_Label_Sidebar span {padding: 5px 10px;}
#PR_Label_Sidebar span.disabled {color: #666 !important;}
#PR_Label_Sidebar .next {float:right;}
#PR_Label_Sidebar .previous {float:left;}
#PR_Label_Sidebar .first {text-align:center;}
</style>
<div id="Sidebar_Label">
</div>
<div id="PR_Label_Sidebar">
</div>

Bước 2. Vào Mẫu >> Chỉnh sửa HTML. Dùng (Ctrl + F) tìm từ khóa "Bài cùng chủ đề" (tên tiện ích bạn vừa đặt) mà bạn mới đặt tên cho Widget của tiện ích rồi thay nó thành như sau (phần đánh dấu màu đỏ là phần thêm vào):

<b:widget id='HTML1' locked='false' title='Bài cùng chủ đề' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Bước 3. Dùng các từ khóa như: <b:loop values='data:post.labels' var='label'> Và thay thế bằng:

<b:loop values='data:post.labels' var='label'>
<script>var label_Related=&quot;<data:label.name/>&quot;;</script>

Lưu lại và hoàn thành

Nguồn: http://8ddnv.blogspot.com/2013/01/tien-ich-bai-viet-lien-quan-moi-nhat.html

More about →

Xóa bỏ một số thứ trong blogspot

Trong nhiều trường hợp chúng ta muốn xóa bỏ một số thứ được mặc định sẵn trên blogspot, ví dụ như thanh điều hướng, chữ cung cấp bởi, xem tiếp...

Sau đây là cách thực hiện:

1. Xóa thanh điều hướng

 

Các bạn vào bảng quản trị, Mẫu > Chỉnh sữa HTML, nhấn Ctlr F, tìm với Navbar1, tìm tới đoạn code sau và xóa luôn.

<script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: '//www.blogger.com/navbar.g?targetBlogID\0752939633164762919473\46blogName\75VuiSongKhoe\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://vuisongkhoe.blogspot.com/search\46blogLocale\75vi\46v\0752\46homepageUrl\75http://vuisongkhoe.blogspot.com/\46vt\75-6762310628891284343', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>

 

2. Xóa dòng chữ cung cấp bởi

 

Trong chỉnh sửa HTML, các bạn bấm Ctrl + F và tìm kiếm với từ khóa Attribution
Tại đoạn code

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Các bạn thay true bằng false rồi lưu lại
Tiếp theo các bạn vào Bố cụ, tìm đến phần tiện ích có dòng chữ Cung cấp Blogger và xóa đi là xong.

 

3. Xóa bỏ gạch chân dưới link

 

Để xóa bỏ gạch chân dưới link các bạn dán đoạn code sau vào sau thẻ <head>

<style type="text/css">
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
</style>

 

4. Xóa chữ Đọc thêm >>

 

Ctrl + F tìm tới <div class='jump-link'> và delete cả đoạn

<div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
      </div>

là xong

More about →

Tạo breadcrumbs trong blogspot

Vai trò của breadcrumbs trong blogspot và web khá quan trọng. Nó giúp người xem biết mình đang ở đâu trong tổng thể cấu trúc website, giữ họ ở lại lâu hơn, dễ dàng di chuyển giữa các trang.

Để tạo breadcrumbs trong blogspot:

1. Các bạn vào bảng quản trị, Mẫu > Chỉnh sửa Html > ấn Ctlr F tìm với ]]></b:skin> và thêm vào trước nó đoạn code sau:
 

#Breadcrumbs{color: #000;font-size: 12px;margin-bottom:15px;padding:10px;background:#FFF;border:2p x solid #BBBBBB; font-weight:bold; text-decoration:none; }

#Breadcrumbs a{color: #000,font-size: 12px}

#Breadcrumbs div{float: left;}

2. Các bạn Ctrl F tìm đến đoạn code sau <b:includable id='post' var='post'>
và thêm vào dưới nó đoạn code

b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='Breadcrumbs'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'> <span itemprop='title'>Home</span></a> &#187; </div>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a> &#187; </div>
</b:if>
</b:loop>
<span><data:post.title/></span>
</b:if>
</b:loop>
</div>
</b:if>

Sau đó lưu kết quả lại.

Breadcrumb ( bánh mì vụn ) được bắt nguồn từ truyện cổ Grim: Hênxen và Grêten. Hai anh em bị bỏ lại trong rừng, người anh dọc đường đã bẻ bánh mì, rắc dọc đường đi để tìm về nhà.

More about →

Code bài viết lên quan cho Blogspot

Bài viết liên quan giúp người dùng tìm được các bài viết có nội dung liên quan tới nhau (cùng nhãn - label) trong cùng 1 blog.

Bước 1: Vào quản trị -> Mẫu -> Chỉnh sửa HTML

Bước 2: Nhấn Ctrl + F và tìm thẻ </head>

Bước 3: Dán code dưới đây ngay trên </head>

<!--Related Posts Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:3px;border:2px solid #f2f2f2;width:98px;height:98px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:98px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script src='http://fileitviet360.googlecode.com/svn/relatedposts.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts  End-->

Bước 4: Dán code dưới đây dưới <div class='post-footer'>

 <!-- Related Posts Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Bài liên quan</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<!-- Related Posts End-->

*** CHÚ Ý
- Giá trị maxresults=5 các bạn tùy thay đổi theo từng theme và nhu cầu cụ thể
- Tùy từng theme <div class='post-footer'> có thể có 1 - 4 đoạn, các bạn thay lần lượt đến khi đạt kết quả như ý.
- Trước khi thay nên sao lưu trước.

More about →

Thay domain có ảnh hưởng tới SEO ?

Thay domain có ảnh hưởng tới SEO ? là câu hỏi của rất nhiều bạn, hôm nay chúng ta sẽ cùng đi tìm câu trả lời cho vấn đề này.

Trước khi thêm tên miền tùy chỉnh cho blogspot mình đã lưu lại một số thông tin để tiện đối chiếu sau này. Sau đây là kết quả:

Sau khi thêm domain thì tất nhiên là blog tạm thời mất index, thứ hạng, các chỉ số về mạng xã hội.

Sau 01 ngày: có 4 bài được index, chỉ số mạng xã hội vẫn chưa trở lại, thứ hạng vẫn còn nhưng là cho tên miền .blogspot. Khi bấm vào thì được điều hướng về tên miền đã add.

Sau 02 ngày: thì có 40 bài được index, các chỉ số +1 được cập nhật cho các bài đã index. Thứ hạng vẫn như sau 1 ngày.

Sau 03 ngày: gần như toàn bộ bài viết được index, mạng xã hội G+ được cập nhật lại cho domain mới, thứ hạng cũng được cập nhật cho domain mới, tuy có hơi thay đổi so với trước đó. Cụ thể:

- Từ khóa Blog vệ tinh, trước khit thay ở top 1

3 ngày sau khi thay đã được tính cho tên miền mới

- Từ khóa dang ky dmca, trươc khi thay ở vị trí số 1, sau khi thay thì giảm một hạng.

Trước khi thay

Sau khi thay

  Tuy nhiên từ khóa đăng ký DMCA (có dấu vẫn giữ nguyên vị trí)

- Từ khóa SEO nội dung, trước đó ở vị trí số 2

Giờ không có trong top 30 ( mất mát khá đây !... )

 - Lượng truy vấn tìm kiếm, hiển thị và click thì giảm nghiêm trọng

 Trước

 ... và sau khi thay

- Lượng index đã trở về sau 3 ngày

Trước khi thay

 Sau 03 ngày

- Chỉ số mạng xã hội được cập nhật co G+ nhưng không cho các mạng khác.

 Trước khi thay

 Sau khi thay

 

Chúng ta có thể thấy việc thay domain có ảnh hưởng nhất định tới kết quả SEO.

- Index không bị mất

- Thứ hạng có thay đổi ít nhiều tùy theo từ khóa

- Mạng xã hội được cập nhật riêng cho G+.

- Hơi tiếc là mình không đi backlink nên không có số liệu cho phần này.

Tất nhiên sự ảnh hưởng còn tùy thuộc vào phương pháp SEO của mỗi người và từng blog cụ thể.Trên đây là kiểm nghiệm của mình cho blogspot, còn trên web theo tham khảo với các anh em làm SEO khác thì kết quả tương tự. Nói chung từ khóa bị giảm khoảng 20%.

More about →

Tối ưu hóa bộ keyword cho blogspot

Bộ keyword rất quan trọng trong SEO. Bài viết này chia sẻ với các bạn cách tối ưu hóa bộ keyword cho trang chủ và các trang con blogspot.

Các bạn vào phần quản trị blog, tìm Mẫu > Chỉnh sửa HTML, sau đó nhấn ctrl F, tìm đến đoạn code sau:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

Và thay thế bằng đoạn code dưới đây:

<!-- Viết Title,Description,Keyword cho trang chủ -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Tiêu đề của bạn</title>
<meta content='Mô tả của bạn'description'/>
<meta content='Keyword của bạn' name='keywords'/>
</b:if>
<!-- Tự động viết Keyword cho từng bài viết trong Blogspot -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='Keywords'/></b:if>

Ở phần tự động viết keyword cho từng bài viết chúng ta chỉ quan tâm tới thẻ Mate Keyword. Tiêu đề mặc đinh: Tiêu đề bài viết = Title. Thẻ Keyword để như code trên thì có dạng:

Tên bài viết | Tiêu đề blog

Vì mình thường SEO cho các bài viết cụ thể thay vì trang chủ (blog cũng ít khi SEO vào catalogue) nên đặt theo kiểu đó. 

Còn về Description, mình thường để Google tự nhận để có thể lên được với nhiều từ khóa hơn. Tất nhiên các bạn có thể đặt mô tả cho từng bài trong blog thông qua việc điền vào phần mô tả tìm kiếm như hình dưới và nhấn Hoàn thành.

Ở trên là tối ưu theo kiểu kĩ thuật, phù hợp với các thuật toán, còn để bộ keyword hướng người dùng hơn các bạn có thể xem thêm:

Cách đặt tiêu đề bài viết

Mở đầu một bài viết

Cách đặt tiêu đề bài viết

More about →

Thay đổi giao diện blog

Blogspot cung cấp một số giao diện có sẵn, tuy nhiên để muốn blog đẹp hơn và không đụng hàng với người khác bạn có thể thay giao diện cho blog.

 

Trước tiên bạn lên các trang chuyên chia sẻ Temple như:

http://btemplates.com/
http://www.mybloggerthemes.com/
http://www.soratemplates.com/
http://blogtemplate4u.com/

Các bạn tìm một số mẫu đẹp, xem thử, nếu ưng ý thì download về, giải nén ra.


 Các bạn sẽ có vài file trong đó nhưng các bạn chỉ cần để ý tới một file có dạng tenthemme.xml

Các bạn vào blog, phần quản trị, nhấn vào Mẫu, bên góc phải màn hình có một nút bấm là: sao lưu/ khôi phục, các bạn bấm vào đó.

Ở cửa sổ tiếp theo các bạn bấm bấm vào Duyệt, tìm đến file .xml đã được giải nén, chọn Tải lên, sau đó ngồi chờ một chút.

Bây giờ Blog của bạn đã có một diện mạo hoàn toàn mới.

Blog cũng có rủi ro nhất định, vì thế trước khi thực hiện một thay đổi quan trọng các bạn nên tiến hành sao lưu. Sau khi ấn vào sao lưu/khôi phục các bạn chọn Tải xuống mẫu tùy chỉnh.

More about →

Tạo blogspot, tìm hiểu menu quản trị

Khởi tạo 1 blogspot không phải là việc khó. Vấn đề là phát triển như thế nào để blog có chất lượng.

Nhiều người có quan điểm blog chỉ để làm vệ tinh, và vệ tinh thì có thể làm "nát" - nghĩa là spam nội dung, đi link bừa bãi, chia sẻ tá lả.

Trong các bài về blogspot mình sẽ chia sẻ kinh nghiệm 2 năm chơi blog của mình với các bạn, bắt đầu từ việc khởi tạo và tìm hiểu menu quản trị của Blogspot.

Để tạo blogspot cac bạn cần một tài khoản gmail. Sau đó truy cập vào địa chỉ https://www.blogger.com/. Nếu bạn chưa có blog nói sẽ hiển thị nút tạo blog mới, sau khi bấm vào nút tạo blog các bạn sẽ được chuyển sang cửa sổ tiếp theo.

 

Ở cửa sổ tiếp theo các bạn điền tên blog, địa chỉ blog (url) và mẫu (theme). Các thao tác này bạn có thể làm nhanh vì thực tế các blog SEO sau này hầu hết đều thay giao diện, add domain, còn tên blog thì bạn có thể thay bất cứ lúc nào, một cách đơn giản. Sau đó bạn bấm vào nút Tạo blog thế là bạn đã có một blog để bắt đầu viết bài.

Blog của Google đã được tối ưu rất nhiều, tuy nhiên để đạt kết quả tốt hơn trong SEO các bạn sẽ phải thay kha khá. Lúc đầu thì hơi khó, còn sau này khi đã quen thì việc chỉnh sửa lại 1 blog cho ưng ý chỉ mất chừng nửa ngày là ổn.

Hệ thống menu quản trị của blogspot nằm bên tay trái các bạn, và bên phải là bảng hiển thị các thông số cụ thể. Trên cùng là Tổng quan hiển thị nguồn, lượng truy cập blog của bạn, cập nhật theo thời gian thực (chứ không phải theo ngày như Google Analytics). Số liệu này khác với Google Analytics vì Google tính cả lượt truy cập của bạn.

 

Bài đăng là nơi thống kê số lượng bài viết (bao gồm đã đăng, nháp, đã up lên bằng xml, tổng số bài), nhãn. Tất nhiên bạn có thể vào và sửa chữa thông tin khi cần.

Trang giúp bạn thêm các trang tĩnh, thường là các bài: giới thiệu, liên hệ, cũng có thể là một nhãn nào đó... hiển thị trên thanh menu top bên ngoài giao diện.

Nhận xét: hiển thị các comment mà khách viếng thăm để lại trên blog của bạn, bạn có thể kiểm duyệt: để - xóa - hoặc báo spam.

Google+ cho phép bạn lựa chọn việc tự động chia sẻ bài viết lên blog khi bạn public bài viết, hoặc để Google nhắc bạn điều này mỗi khi bạn xuất bản bài viết mới. Tính năng cho phép nhận xét trên G+ hiển thị trên blog được nhiều SEOer lựa chọn. Nhưng mình không thích tính năng này vì nhận xét trên Google thường không chất, toàn kiểu: thanks, + nhé, cùng + nhé... Là mạng xã hội thì ok, nhưng đặt trên blog thì rất loãng.

 

Thống kê: khá quan trọng, hiển thị: lượng truy cập, nguồn truy cập, bài được xem nhiều, lượng truy cập theo khu vực địa lý. Các thông số này khác với Google Analytics và Webmaster tool. Vì cách tổng hợp và thống kê của Google hơi khác cho mỗi công cụ.

Doanh thu: Nếu bạn có tài khoản Google Adsense thì bạn có thể đặt lên blog để kiếm chút tiền trang trải. Bạn có thể đăng kí trực tiếp trên blog, nhưng khá khó do các chính sách trang web của Google (bạn nên đăng ký Google Adesense bằng Youtobe). Một số bạn không thấy hiển thị menu này là do các bạn chọ blog là tiếng việc. Trong phần Cài đặt >  Cơ bản > Ngôn ngữ và định dạng hãy chọn ngôn ngữ blog là Tiếng Anh.

Bố cục: Cho phép thêm, bớt các khối tiện ích như: nút +1, người theo dõi trên blog, bài đăng phổ biến, thống kê blog, hoặc HTML/Javascript để thêm các tiện ích không có sẵn cho blog như, wiget: bài liên quan, tự động chèn link trong bài viết, quảng cáo...

Mẫu: Cho phép bạn can thiệp và code để chửa sửa blog sâu hơn. Với dân nghiệp dư như mình thì chỉ là tìm các code sẵn được chia sẻ trên mạng, thay vào, cái nào được thì giữ lại, lỗi thì bỏ. Mình sẽ chia sẻ với các bạn trong các bài khác.

Cài đặt: là một menu rất quan trọng, cho phép bạn viết title, description cho trang chủ. Thêm tên miền tùy chỉnh cho blogspot, thêm quyền cộng tác viên, quản trị viên cho blog.

  Một số tùy chỉnh trong phần cài đặt

 Cài đặt > Tùy chọn tìm kiếm: cài đặt chuyển hướng và robot tùy chỉnh cho blog.

Cài đặt > Khác: quan trọng nhất, là nơi để dán mã theo dõi của Google analytics.

More about →