Quay trở lại với chương trình mỗi ngày một thủ thuật Blogspot ( :( nhưng mình đã không làm được). Hôm nay, mình muốn giới thiệu tới các bạn một dạng sitemap hữu ích cho người xem Blog của bạn bằng việc tạo ra những mục lục thống kê nội dung dưới dạng 1 bảng 2 cột. Rất vừa mắt cho người xem.
Bạn sẽ thấy rõ hơn dưới bản demo trực tiếp và nếu bạn thích thú với sitemap dạng này thì hãy sử dụng nó bằng cách làm theo hướng dẫn được mình chia sẻ dưới đây.
Tạo sitemap theo dạng liệt kê theo bảng label cho Blogger
Để làm được như DEMO bạn làm theo hướng dẫn dưới đây.
Bước 1: Tạo một trang mới bằng cách vào bảng điều khiển Blogger -> Trang (Pages) → Trang mới (New Page) → Soạn thảo ở chế độ HTML
Bước 2: Dán code dưới đây vào nội dung trang

<link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
<div id="tabbed-toc"><span class="loading">Loading...</span></div>
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://your-url.blogspot.com", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "January",
        "February",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
    newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script type="text/javascript" src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>

Thay URL bằng URL Blog của bạn
Bước 3: Lưu mẫu lại và xem kết quả
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Cũng còn không lâu nữa là tết nguyên đán sắp đến. Gần như đây là thời gian khá bận rộn của mỗi người vì ai cũng muốn có một kỳ nghỉ tết thư giãn, thảnh thơi nên mong muốn sắp xếp, hoàn thành công việc của mình gọn gàng trước tết. Trang trí Blog, Website của bạn cho dịp tết nguyên đán này có phải là điều cần thiết không? Mình nghĩ là có rồi, nếu bạn muốn sự nổi bật và chào đón người đọc trong kỳ tết nguyên đán bằng một câu đối hoặc một lời chúc tết thật hay qua câu đối.
Thủ thuật tạo câu đối tết cho Blogspot và Website cực nhẹ

Như tiêu đề, bài viết này gửi tới bạn đọc một thủ thuật khá hay đó là tạo câu đối tết vào cho Blogspot, Website chỉ với 1 đoạn CSS đơn giản và không ảnh hưởng gì tới tốc độ tải trang cũng như liên quan đến độ SEO của Blog.
CODE: (dánh cho cả Blog và Website)

<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://seophongvu.com" target="_blank"><img src="http://i1358.photobucket.com/albums/q765/phongvu18nd/1358174198_zpsc74e5e74.jpg" /></a>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://seophongvu.com" target="_blank"><img src="http://i1358.photobucket.com/albums/q765/phongvu18nd/1358174232_zps89a1a2dd.jpg" /></a>


  • Cách làm đơn giản nhất trên Blogspot

Bạn có thể thêm bằng cách dán code vào 1 tiện ích HTML/Javascript
Vào bảng điểu khiển Blogger -> Bố cục -> Thêm tiện ích -> HTML/Javascript

  • Cách làm trên Website

Tương tự như Blogspot, đối với Website bạn dán code nằm trong thẻ <body> là được.
Một số cặp câu đối cho bạn tham khảo và thay thế
cau doi tet, cung chuc tan xuan cau doi tet, van su nhu y

Chúc các bạn có một năm mới với nhiều niềm vui mới bên gia đình, người thương yêu!
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Template Johny joss banget là mẫu thiết kế chuyên nghiệp dành cho blogspot sử dụng làm đánh giá phim, Videos, Clips...được thiết kế bắt mắt với nền đen bóng nổi bật. Sử dụng bố cục phân chia chuyên mục nội dung rõ ràng. Template Johny joss banget đang được nhiều người dùng Blogspot sử dụng.
Bài viết này Blog Phong Vũ chia sẻ với bạn đọc link Download Template blogspot Johny joss banget và hướng dẫn cách cài đặt template
Download template blogger Johny joss banget
DEMO tại blog Clips hài - DOWNLOAD

Hướng dẫn cài đặt template blogspot Johny joss banget

- Khá đơn giản bằng cách các bạn chỉ cần vào cài đặt Layout và điều Label muốn hiển thị vào Widget tương ứng
- Để sử dụng tính năng gửi nhận Email bạn vào temp chỉnh sửa ID blog của bạn.
Bạn tìm tới đoạn dưới và thay số ID bằng ID Blog của bạn:
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4776335592150722138&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Hôm nay khi kiểm tra 1 số link trên Blog của mình thì thấy báo lỗi URL 404, khá bất ngờ với những lỗi này vì trước giờ không bị. Qua xác minh thì mình thấy Google đã có 1 sự thay đổi đối với Blogger. Sự thay đổi này là gì và nó sẽ tác động như thế nào nếu như bạn không biết rõ? Cũng tương đối khó thở và ảnh hưởng lớn đến blog của bạn.

1. Blogger thay đổi tháng năm của URL bài viết nếu bạn cập nhật

- Tất nhiên mình đã ghi chú khá rõ là nếu bạn cập nhật.
Ví dụ: Bài viết đó được bạn đăng (xuất bản) vào tháng 10/2013 nhưng giờ bạn đã đổi lại là tháng 8/2014 thì đường link URL bị kéo thay đổi theo. Đây là 1 cập nhật cực mới của Bờ lốc gơ :((( làm mình tê tái khi phải redirect 301 khá nhiều. Trước đây, blogger sẽ không thay đổi đường link này. Tuy nhiên giờ thì nếu bạn sửa như ví dụ thì nó sẽ thay đổi như sau:
Link cũ:
http://www.vuvanphong.com/2013/10/dich-vu-seo-gia-re.html
Link mới:
http://www.vuvanphong.com/2014/08/dich-vu-seo-gia-re.html

2. Cập nhật này làm mình điêu đứng ở chỗ nào ?

- Nói chung là tê tái toàn thân vì mình thay đổi cài đặt thời gian khá nhiều. :( hầu hết những Blog sản phẩm hoặc giới thiệu...đều có những thay đổi cài đặt thời gian
Blogger thay đổi tháng năm của URL bài viết nếu bạn cập nhật

kết quả là liên kết cố định dưới đó cũng thay đổi tháng / năm nếu bạn điều chỉnh theo thời gian tháng / năm khác
Điều này ảnh hưởng như thế nào?
- Nếu bạn biết và sử dụng Redirect 301 kịp thời thì sẽ không quá ảnh hưởng lớn, vì link sau sẽ tiếp nhận được link trước mặc dù không hoàn toàn là 100%. Nhưng nếu bạn không xử lý kịp thời thì dẫn tới link cũ bị lỗi 404. Về độ lâu dài của Blog, Website thì lỗi này không nên xảy ra nhiều
- Bạn mất công chỉnh sửa những link bạn đi kèm hoặc trong bài viết của bạn có đặt liên kết nội bộ...
- Link đó mất PR
...
Đừng quá lo lắng. :) sử dụng Redirect 301 nhé.
Chúc các bạn vui vẻ và đừng hận Blogger !

Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Thêm 1 thủ thuật Blogspot sử dụng chia sẻ nội dung link Blog nữa mình muốn giới thiệu với các bạn đó là việc thêm nút Like Facebook. Khá nhỏ và khá tiện dụng, nút like Facebook sẽ được đặt dưới sát nội dung bài viết hoặc đặt ở dưới tiêu đề bài viết (bên trên nội dung bài viết) của bạn.

Để làm được điều này chúng ta thực hiện các bước sau
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. (Ctrl + F) Tìm tới <data:post.body/> 
3. Dán code dưới đây ngay sau nó (nếu bạn muốn nút này nằm dưới nội dung - dán bên trên nếu bạn muốn nó nằm trên nội dung)
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
4. Lưu mẫu lại.
Kiểm tra kết quả.
Bạn vào Blog và vào bất kỳ 1 bài viết nào nhé.
Chúc bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Như đã thông tin ở bài SEO Onpage, Blog Phong sẽ cố gắng gói gọn nội dung của SEO và những bước làm tương ứng lại để các bạn mới học SEO dễ theo dõi từng bước 1. Như vậy là đang đi đến những bài sát cuối của phẩn SEO Onpage. Nội dung bài này mình chia sẻ về Google Analytics và cách đưa Google Analytics vào Website, Blog. Bài này có thể hơi gây khó khăn tí cho bạn chưa từng làm SEO và không rành về CNTT lắm, nhưng mình sẽ cố gắng đi chi tiết nhất.

1. Đôi nét về Google Analytics

- Google Analytics là gì? - Đây là 1 công cụ thống kê Website của Google. Sử dụng Google Analytics bạn có thể theo dõi lượng tìm kiếm, truy cập đến Website của bạn thông qua những nguồn nào, từ khóa nào. Rất nhiều thống kê được Google Analytics chi tiết thêm như: Thời gian thực, địa điểm truy cập,...
- Là 1 thuộc tính ID cung cấp cho người dùng 1 đoạn mã JS, ID này được dán vào Website, blog mà ta muốn theo dõi. Google trả về thống kê của Website mà ta đã gán. Có thể sử dụng thống kê ở nhiều trang bằng 1 ID nhưng trả về 1 kết quả chung 1 ID
- Google Analytics sử dụng miễn phí hoặc có phí: Với việc sử dụng tài khoản của Google, bạn sẽ được 1 tài khoản miễn phí từ Google Analytics. Bản có phí chắc nhiều ưu ái hơn. Tuy nhiên với mình dùng Free đã là đủ :) (nói đến phí mình hơi ngại, chắc do nghèo :D)

2. Cài đặt thống kê Google Analytics vào Website, Blog

Để cài đặt Google Analytics các bạn thực hiện theo bước sau:
Bước 1: truy cập vào địa chỉ https://www.google.com/analytics. Trong trường hợp bạn đã đăng nhập tài khoản của Google thì Google Analytics chỉ cần bạn bấm nút ĐĂNG KÝ
Đăng ký Google Analytics

Bước 2: Nhập thông tin trang Web mà bạn muốn theo dõi. Bao gồm:
- Tên tài khoản: tên sẽ hiển thị ở bảng theo dõi.
- Tên trang Web: Website mà bạn theo dõi. Xem hình dưới
Cài đặt thống kê Google Analytics vào Website, Blogspot
- URL trang Web:
- Danh mục ngành: Nên chọn đúng với nội dung của Website của bạn. Điều này có thể giúp Google rõ hơn về bên trong Web đó. Với Google khi nó đã rõ + xác nhận bạn tốt thì sẽ trả kết quả tốt :)
- Múi giờ báo cáo: Ở Việt Nam thì tất nhiên bạn chọn Việt Nam nhé.
Bạn bấm NHẬN ID THEO DÕI và được đưa thông tin của quy định Google Analytics.
Cài đặt thống kê Google Analytics vào Website, Blogspot
Bạn bấm TÔI CHẤP NHẬN và được mã theo dõi cùng những tính năng khác của quản trị. Hãy sử dụng mã theo dõi đó dán vào Website, blog của bạn
Cài đặt thống kê Google Analytics vào Website, Blogspot
Đối với ở Blogspot cũng tương tự như ở Website mã nguồn khác. Bạn có thể dán code này vào vị trí <head> hoặc <body> đều được. Mình thường chọn dán vào <head> vì nó là JS.
Blogspot: vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
(Ctrl + F) Tìm tới </head> và dán code ở hình trên ngay trên nó.
Sau đó lưu mẫu lại là bạn đã theo dõi được thống kê từ Google Analytic cho Blog của bạn.
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Liên kết bên ngoài: Được hiểu là như 1 liên kết khác không nằm trong domain của Website. Khó nói quá nhưng ví dụ Blog mình giới thiệu liên kết của SEO Phong Vũ thì liên kết http://seophongvu.com/ đó được coi là liên kết bên ngoài của Blog này. Và hôm nay mình giới thiệu với các bạn 1 đoạn code, code này giúp bạn tự động mở tất cả liên kết bên ngoài trong 1 Tab, Windows mới. Bằng việc nó tự động thêm vào mỗi thẻ <a> của bạn 1 thuộc tính target="_blank". Điều này sẽ làm bạn giảm cực nhọc hơn khi phải thủ công tùy chọn mỗi khi đưa link vào nội dung Website, blog. Nó giúp giảm thời gian thoát khỏi Blog của bạn
Tự động mở liên kết bên ngoài trong 1 Tab, cửa sổ mới
Để làm được điều này các bạn sử dụng 1 đoạn mã JS. Ở đây mình hướng dẫn tới các bạn dùng trên Blogspot.

Bước 1: Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: (Ctrl + F) tìm tới </head> và dán đoạn code dưới đây ngay trên nó
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
  $("a[href^='http://']").each(
    function(){
     if(this.href.indexOf(location.hostname) == -1) {
        $(this).attr('target', '_blank');
      }
    }
  );
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
 
});
</script>
Lưu ý: Nếu dòng File JS được bôi đỏ trong template Blogspot bạn đã có File JS đó thì bạn không cần thêm dòng đỏ đó nữa. Tránh trường hợp bị đụng nhau dẫn tới không hoạt động
Bước 3: Lưu mẫu lại
Hãy thử kiểm tra bằng việc liên kết đến 1 site bên ngoài (ví dụ Blog của mình chẳng hạn :) ) và check kết quả nhé
Chúc các bạn đầu tuần vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Nhiều bạn khi đọc xong bài viết Robots.txt là gì? tùy chỉnh Robots.txt thì có hỏi mình về robots.txt trong Blogspot nó nằm ở chỗ nào. Khi Blogspot không có không gian hosting lưu trữ riêng...
- Blogger chắc chắn có đủ các yếu tố trong việc Onpage. Và Google hướng tới điều tiện dụng nhất cho người sử dụng. Mặc dù không có không gian lưu trữ File robots.txt riêng cho bạn đưa lên nhưng bằng việc cài đặt bạn sẽ tùy chỉnh Robots được theo ý bạn.
Tùy chỉnh tối ưu Robots.txt trong Blogspot [Blogger]
Mặc định Blogspot cài đặt là tắt robots.txt, nội dung mặc định của nó là:
User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.vuvanphong.com/feeds/posts/default?orderby=UPDATED
Theo cấu hình mặc định Robots này sẽ cho phép tất cả các công cụ tìm kiếm tới nội dung của Blog và nạp vào. Và sẽ chặn tất cả link có dạng Domain/search...điều này cho thấy mặc định Label của Blogspot sẽ không được tìm kiếm tới. Bạn sẽ thấy ví dụ dưới
Tùy chỉnh tối ưu Robots.txt trong Blogspot [Blogger]

Không có mô tả cho kết quả này do robots.txt của trang này
Nếu thực sự thấy cần thiết SEO Label của Blogspot thì bạn hãy xóa dòng Disallow: /search đó đi
Tham khảo thật kỹ bài viết: Robots.txt là gì để tùy chỉnh chủ động hơn nhé.
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Như đã thông tin ở bài viết SEO Onpage là gì? Cách làm đơn giản đem lại hiệu quả cao mình có thông tin với các bạn 1 điều quan trọng trong làm SEO Onpage đó là sitemaps. Sitemaps giúp người xem có cái nhìn tổng quát và cụ thể nhất về Website, Blog của bạn. Google thích điều này, với Google mọi thứ càng đơn giản và dễ nhận biết thì hắn càng thích ăn.
- Khá nhiều thủ thuật Blogspot về cách tạo sơ đồ trang (Sitemaps) được chia sẻ trên mạng nhưng cũng nhiều bạn phàn nàn về vấn đề có mã độc khi dùng thủ thuật đó. Ở bài viết này thì mình đã kiểm tra và sử dụng cách tạo Sitemaps dưới đây. Giúp bạn hoàn toàn yên tâm vì không phải lo mã độc ^_*
Sitemaps này sẽ theo khung thời gian bạn đăng bài.
Hướng dẫn cách tạo Sitemaps cho Blogspot
Demo ngay tại Sitemaps của Blog mình

Hướng dẫn cách tạo Sitemaps cho Blogspot

Bước 1: Thêm Blog của bạn vào Google Webmaster Tools.
Điều này khá dễ vì Google đã hỗ trợ sẵn Blogspot ở phần Webmaster Tools. Bạn có thể vào https://www.google.com/webmasters/tools đăng nhập và kiểm tra. Nếu chưa có thì thêm như hình dưới đây
Hướng dẫn cách tạo Sitemaps cho Blogspot
Bước 2: Vào Website bạn vừa thêm trong bảng điều khiển Webmaster Tools chọn Thu thập dữ liệu -> Sơ đồ trang
Hướng dẫn cách tạo Sitemaps cho Blogspot

Bước 3: Thêm / Kiểm tra sơ đồ trang.
Bạn dán Code dưới đây vào khung và thêm nhé
/atom.xml?redirect=false&start-index=1&max-results=500
Bước 4: Tạo trang sitemaps trong Blogger
Vào bảng điều khiển Blogger -> Trang -> Trang mới. Soạn nội dung trang đó dưới dạng HTML và dán code dưới đây vào nội dung trang
<script style="text/javascript" src="https://fileitviet360.googlecode.com/svn/trunk/sitemap"></script>
<script src="http://www.vuvanphong.com/feeds/posts/default?max-results=800&alt=json-in-script&callback=loadtoc"></script>
Xuất bản trang ra và xem kết quả nhé.
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Goolge Plus, Facebook, Twitter...đều là những mạng xã hội được người dùng internet quan tâm. Facebok đã trở lên quá phổ biến với người dùng internet tại Việt Nam, mỗi máy tính mở lên có kết nối internet chắc chắn sẽ có kết nối Facebook. Việc sử dụng những chia sẻ của mạng xã hội làm tăng độ uy tín của Website, Blog của bạn. Ngoài ra nó giúp bạn quảng bá cực tốt và có lượng truy cập đến kha khá nếu như nội dung của bạn được bạn đọc chia sẻ nhiều.
Tiện đây nhắc luôn: Vào nhà tớ mà không chia sẻ là dễ bị ghẻ lắm đấy nhé. :D
Ở bài viết này, Phong chia sẻ với bạn đọc cách thêm nút chia sẻ link Web, Blog qua G+, FB, Twitter. Với những thủ thuật Blogspot mình chia sẻ luôn hướng tới sự cần thiết có trong 1 blog.
Nút chia sẻ liên kết qua G+, Facebook, Twitter cho Blogspot, Web
Demo trực tiếp tại: Blog làm đẹp

Hướng dẫn thêm nút chia sẻ liên kết qua G+, Facebook, Twitter


  • 1. Trên nền tảng Blogspot

- Bạn vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
- Dán code dưới đây vào tiện ích vừa thêm
<!-- huong dan boi vuvanphong.com -->
<style>
#floatingbuttons {
    position: fixed;
    bottom: 25%;
    float: left;
    padding: 0px 0px 3px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-radius: 5px 5px 5px 5px;
    z-index: 10;
    right: 95%;
    border: 0px solid rgb(128, 128, 128);
}
#floatingbuttons .floatbutton{
 float:left;
 clear:both;
 margin:5px 4px 0 4px;
}
.addbuttons{
 clear:both;
 text-align:center;
 padding-top:5px;
} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{
 color:#fff;
 background:none;
 font-family:arial, sans-serif;display:block;font-size:9px;
 font-weight:bold;
 text-decoration:none;
 line-height:11px;
}
.addbuttons a:hover span{
 color:#fff;
 background:none;
 text-decoration:underline;
}
</style>
<br/>
<div id='floatingbuttons' title='Share this post!'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<!-- Medium Button -->
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<div class='floatbutton' id='facebook'>
<fb:like font='' layout='box_count' show_faces='false'/>
</div>
<div class='floatbutton' id='google+1'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
<g:plusone size='tall'/>
</div>
<div class='floatbutton' id='twitter'>
<a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a>
</div>
</div>
<!--huong da boi vuvanphong.com -->
- Lưu tiện ích lại và thấy kết quả.

  • 2. Trên nền tảng Website mã nguồn khác.

Đối với Website xây dựng trên Wordpress, Joomla, Drupal, ASP.net...và những nền tảng khác, bạn hoàn toàn đưa được vào với việc sử dụng code trên chèn vào trong nội dung <body> ... </body> của trang Web.

  • 3. Nếu bạn cần hỗ trợ

Bạn có thể comment trực tiếp tại nội dung bài viết này. Mình nhận được comment của bạn sẽ phản hồi lại ngay.
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Xóa mờ những thứ mặc định của Blogger hiển thị ra ngoài Blog là điều khá nhiều Website xây dựng trên nền tảng Blogger hướng tới. Một trong những điểm dễ nhận biết nhất của Blogger đó là Favicon đặc trưng. Chữ B nền vàng khá đẹp :) nhưng mình cũng thích đành phải xóa và thay thế vào đó là phong cách Favicon đặc trưng của mỗi blog.
Cách thay đổi FaviCon trong Blogspot. Vũ Văn Phong Blog



Và bài viết này mình sẽ chia sẻ với các bạn về cách làm này.
Đầu tiên bạn vào bảng điều khiển blogger -> Bố cục (Layout) -> Chỉnh sửa tiện ích Favicon
Cách thay đổi FaviCon trong Blogspot
Tiếp theo bạn chọn File từ máy tính lên.
Lưu ý: Chọn hình vuông và có kích thước dưới 100Kb nhé.
Lưu lại và xem kết quả.
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Số đếm lượt xem bài đăng của Blogspot được thống kê trong bảng điều khiển Blogger, tuy nhiên nhiều blog muốn hiển thị số lần xem bài đăng đó ra ngay giao diện để bạn đọc Blog thấy được số lượt xem của họ là bao nhiêu. Việc tạo nên thủ thuật này cũng khá hay và Phong nhận thấy nó khá hữu ích cho blog của bạn mà không làm ảnh hưởng gì tới blog.
- Ưu điểm của tiện ích này là chiếm vị trí khá nhỏ và gọn gàng nhưng lại gây chú ý cho người xem luôn. Tốc độ load nhanh lấy ngay được dữ liệu đếm của Blogger.
DEMO

Hướng dẫn thủ thuật hiển thị số lượt xem bài đăng trong Blogspot


Để làm được thủ thuật này các bạn thực hiện các bước sau:
Bước 1: Đăng ký tài khoản Firebase
Firebase cho bạn đăng ký miễn phí để sử dụng tiện ích này, bạn VÀO LINK NÀY để đăng ký. Rất dễ dàng bạn tạo 1 App cho tiện ích này.
Hiển thị số lượt xem bài đăng trong Blogspot, Firebase
Mình có được 1 App là: https://vuvanphong.firebaseio.com/
Bước 2: Thêm code thống kê vào mẫu.
Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
-( Ctrl + F ) tìm tới ]]></b:skin> và dán code dưới đây ngay trên nó
/*-------- Thống kê bài viết. Hướng dẫn bởi vuvanphong.com  ----------*/
#views-container {
width: 85px;
float: right;
}
.mbtloading {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUiejlpfRc5o0tjjj3XsqVQxh24VAUB7vpRWu31-xYc3IXNo1mG_TW2QlqUKIkvA4vpQJLZeNYpuIIdBoSWUgoLA1U_YQIp10HBHNymYqAIGuZr51wmLAgdkNfNbBaUmhz0jwYFg9p4cue/s320/mbtloading.gif') no-repeat left center;
width: 16px;
height: 16px;
}
.viewscount {
float: right;
color: #EE5D06;
font: bold italic 14px arial;
}
.views-text {
float: left;
font: bold 12px arial;
color: #333;
}
.views-icon{
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTBDv8i5dcw2cSLZ8YRaLt_mJhvWcj-qekBk5BCdRnpKtsreWig43UQJ4PA3NxsR67LRYRhCUAoZk0zJB341QIJOP7zGruw22a4pCfl5Z0OIoM4hdPj4oEJk58Ab_5iMPZGrlDNLK231qP/s1600/postviews.png') no-repeat left;
border: 0px;
display: block;
width: 16px;
height: 16px;
float: left;
padding: 0px 2px;
}
- Chữ bôi đỏ là màu sắc của số đếm,
-> Tiếp theo bạn tìm tới </body> và dán code dưới đây ngay trên nó.
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);
var blogStats = new Firebase(&quot;https://vuvanphong.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
blogStats.once(&#39;value&#39;, function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr(&#39;name&#39;);
isnew = true;
}
elem.removeClass(&#39;mbtloading&#39;).text(data.value);
data.value++;
if(window.location.pathname!=&#39;/&#39;)
{
if(isnew)
blogStats.set(data);
else
blogStats.child(&#39;value&#39;).set(data.value);
}
});
});
</script>
- Liên kết App: https://vuvanphong.firebaseio.com/ được bạn thay đổi bằng link của bạn lấy.
-> Tiếp theo bạn tìm tới <data:post.body/> và dán code dưới đây ngay trên nó.
Chú ý: Nếu bạn tìm thấy nhiều <data:post.body/> thì hãy lựa chọn kết quả tìm thấy đầu tiên
<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>
PS: Đoạn Javascript này cần sự hỗ trợ của Jquery nên nếu trong Template bạn chưa thấy có thì thêm Jquery đó vào dưới <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
-> Bạn lưu lại mẫu, bấm F5 Blog để xem kết quả
Chúc bạn đầu tuần vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Với tiêu chí mỗi ngày share 1 thủ thuật hoặc 1 bài viết hữu ích cho bạn đọc. Blog Vũ Văn Phong dần hướng tới toàn diện về Thủ thuật Blogspot, thủ thuật dành cho Website và những tiện ích internet cần sử dụng. Và bài viết này mình sẽ share với các bạn 1 Code Popup quảng cáo hiện giữa trang Website, Blogspot. Với code dưới đây sẽ là tối ưu nhất về tốc độ load, yêu thích của người xem trang và nhấn được sự chú ý nhất khi người đọc vào site của bạn. Tùy chỉnh Popup chỉ xuất hiện 1 lần :) điều này thật cần thiết.
Thủ thuật liên quan: Tạo khung like Page Facebook vào Blogspot
Demo trực tiếp DEMO TẠI ĐÂY
Hướng dẫn tạo Popup quảng cáo hiện giữa trang Website, Blog
  • 1. Tạo Popup trên trang Blogspot

- Đối với Blogspot, bạn chỉ cần tạo 1 Widget HTML/Javascript và dán code dưới đây vào.
Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript.
Code:
<style type="text/css">
 /* Huong dan boi vuvanphong.com */
#mbt-counter {
        padding: 10px;
        font-family: oswald, verdana;
        background-color: rgba(0, 0, 0, 0)!important;
        color: #FFF!important;
        position: absolute;
        left: 59%;
        top: 12%;
        font-size: 15px;
}
        .reveal-modal h2 {
        position: absolute;
top: 5%;
font-family: oswald, arial;
font-size: 1.7em;
text-shadow: 2px 4px 10px #000;
color: #FF9D0F;
left: 4%;
}
 
    .reveal-modal-bg {
        position: fixed;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,.8);
        z-index: 100;
        display: none;
        top: 0;
        left: 0;
        }
 
    .reveal-modal {
        visibility: hidden;
        left: 50%;
        top:170px;
        margin: -200px -200px -200px -600px;
        width: 550px;
        height: 305px;
        background: rgba(51, 51, 51, 0) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCHjCfoFXn2VVvgJBYwMMZUmKPiaH3kP-QknrvlV5aNSfSyfHFfwmkyzxJgIuXFU6BBnUgnP8tiNf_nLOTSTTwWpSUQ0d3iZjJaGtNkMJ3IgpVF0gTeIpqciyeqaq1mPNQjC8oO4MCWZuC/s1600/happy-new-year.png) no-repeat -17px 0px;
        position: absolute;
        z-index: 101;
        padding: 30px 40px 34px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        color: #FFF;
        }
     
    .reveal-modal.small         { width: 200px; margin-left: -140px;}
    .reveal-modal.medium         { width: 400px; margin-left: -240px;}
    .reveal-modal.large         { width: 600px; margin-left: -340px;}
    .reveal-modal.xlarge         { width: 800px; margin-left: -440px;}
 
    .reveal-modal .close-reveal-modal {
        font-size: 32px;
line-height: 0.5;
position: absolute;
right: 25px;
font-weight: bold;
cursor: pointer;
bottom: 25px;
color: #9C6417;
        }
     
        .reveal-modal .close-reveal-modal:hover {
            color:#2d2d2f;
        }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
        <script type="text/javascript" src="https://fileitviet360.googlecode.com/svn/trunk/vuvanphong-popup.js"></script>
        <script type='text/javascript'>
            //<![CDATA[
     
            //Setting Time
            TargetDate = "12/25/2013 12:00 AM";
            CountActive = true;
            CountStepper = -1;
            LeadingZero = true;
            DisplayFormat = "%%D%% days: %%H%% hrs: %%M%% mins: %%S%% secs";
            FinishMessage = "Chúc bạn vui vẻ !";
            //Hiding snowfall
            $(document).ready(function()
                        {              
            $('a.close-reveal-modal').click(function() {$(document).snowfall('clear');});
     
        //Setting cookie              
                if(sessionStorage.getItem("Hide-MBT-Popup") == 1) {
                $(document).snowfall('clear');
                $(document).snowfall.hide();
                $("#myModal").hide();
             
                }
                sessionStorage.setItem("Hide-MBT-Popup", 1);
     
                        });
                     
                        $(function() {
         
            // Setting Animation          
             $('#myModal').reveal({
                 animation: 'fadeAndPop',                   //fade, fadeAndPop, none
                 animationspeed: 300,                       //how fast animtions are
                 closeonbackgroundclick: false,              //if you click background will modal close?
                 dismissmodalclass: 'close-reveal-modal'    //the class of a button or element that will close an open modal
            });
         
            //Revealing Snowfall
            <!-- $(document).snowfall({deviceorientation : true, round : true, minSize: 1, maxSize:8,  flakeCount : 250});  -->
         
            });
         
            //]]>
        </script>
        <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<div id="myModal" class="reveal-modal" >
        <h2><a href="http://www.vuvanphong.com" target="_blank">Blog Vũ Văn Phong</a></h2>
        <script type='text/javascript' src="https://fileitviet360.googlecode.com/svn/trunk/popup-counter.js"></script>
        <a class="close-reveal-modal">&#215;</a>
        </div>
Trong đó:
- Khu vực chữ bôi đỏ là mã HTML hiển thị nội dung của quảng cáo.
- Dòng chữ Chúc bạn vui vẻ ! bạn thay bằng câu của bạn hoặc có thể xóa đi nếu muốn.
- Link hình ảnh nền được bôi xanh.

  • 2. Tạo Popup trên trang Website

- Đối với mã nguồn Website tự code, Wordpress, Joomla, Drupal, ASP.Net... thì các bạn hoàn toàn có thể dán code trên vào vị trí <body> của Website để hoạt động.

  • 3. Nếu bạn gặp rắc rối trong tạo POPup

Bạn có thể để lại Comment rắc rối của bạn, mình sẽ hỗ trợ tốt nhất giúp bạn tạo POPup hiển thị giữa trang của bạn thành công.
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Đây không hẳn là rõ ý kiến của 1 bạn PM hỏi mình về thủ thuật Blogspot khi bạn có hỏi về nội dung như sau: "anh có thể tạo 1 widget hiển thị bài viết do mình chọn không. Ví dụ em muốn bài viết A, bài viết C, bài viết B chỉ có 3 bài đó hiển thị ở widget đó"
Đây là 1 điều rất dễ nếu bạn sử dụng cố định bài viết trong Widget đó. Tuy nhiên ở đây mình sẽ hướng dẫn chung nhất bằng cách sử dụng 1 Widget hiển thị bài viết theo nhãn Blogspot. Nếu bạn chỉ cần hiển thị 3 bài viết đó thì hãy gom 3 bài đó thuộc 1 nhãn nào đó và làm theo hướng dẫn dưới nhé. Còn nếu bạn muốn cố định 3 bài đó thì bài viết sau mình hướng dẫn các bạn kẻ bảng trong HTML để hiển thị theo ý muốn.


- Tại site ITViet360 mình có sử dụng thủ thuật này, bạn  có thể xem Demo trực tiếp ở đó.
Widget Label - Hiển thị bài viết theo nhãn theo nhãn Blogspot

Cách tạo Widget Label - Hiển thị bài viết theo nhãn theo nhãn Blogspot

Để làm được như trên các bạn thực hiện các bước sau:
Bước 1: Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript.
Bước 2: Dán code dưới đây vào tiện ích vừa thêm
<!-- Huong dan boi vuvanphong.com -->
<link href="https://fileitviet360.googlecode.com/svn/trunk/style.css" type="text/css" rel="stylesheet" />
 <script src="https://fileitviet360.googlecode.com/svn/trunk/json.js"></script>
  <script type='text/javascript'>
var numposts = 4;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 60;</script>
  <script type="text/javascript" src="http://www.itviet360.com/feeds/posts/summary/-/Source code?orderby=published&alt=json-in-script&callback=labelthumbs"></script>
Trong đó:
- var numposts: số bài viết hiển thị, yêu cầu của bạn là 3 thì bạn chọn 3 nhé.
- var numchars: Mô tả ngắn nội dung của bài viết.
- www.itviet360.com: Thay bằng domain Blog của bạn
- Source code: Tên Label bạn muốn hiển thị
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Title được đánh giá là phần quan trọng nhất của SEO Onpage, việc sử dụng Title chính xác và hợp lý sẽ làm tăng đáng kể vị trí Blog, Website của bạn trên kết quả tìm kiếm. Đối với Blogger, những mẫu mặc định có sẵn của Blog có vẻ như hơi hạn chế về Title khi trong những trang Label, bài viết Title có thứ tự theo dạng TRANG CHỦ - TRANG CON trong khi nội dung lại là TRANG CON - TRANG CHỦ.
- Cũng theo yêu cầu 1 số bạn có nói Phong hướng dẫn SEO Blogspot về chỉnh sửa này. Đây là tối ưu Title tối nhất cho SEO Blogger.
-> Bài viết nên xem: Thủ thuật SEO Blogspot
Đây là hình ảnh Demo
Tối ưu Title tốt nhất cho SEO Blogspot

Hướng dẫn tối ưu Title tốt nhất cho SEO Blogspot

Bước 1: Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: Thay thế đoạn <title><data:blog.pageTitle/></title> bằng đoạn dưới đây
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - Blog Vũ Văn Phong</title>
</b:if>
Bước 3: Lưu mẫu lại và kiểm tra kết quả.
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Facebook rộng tới mức mà không ai không chui vào ^_^. Việc sử dụng Facebook làm những chức năng trên Website, Blog cũng là những đáp ứng hay cho người vào xem. Ngoài ra Facebook sẽ giúp bạn tăng đáng kể lượt truy cập qua những tiện ích chia sẻ, Page và Comment Facebook.
Lợi ích khi sử dụng bình luận bằng Facebook cho Blogspot: Mỗi người dùng bình luận FB là đã chia sẻ bài viết, liên kết đó trên trang cá nhân của họ. Vì thế việc sử dụng Comment này giúp Blog của bạn được chia sẻ nhiều hơn. Nội dung được quảng bá rộng rãi hơn.
Tạo comment Facebook (FB) cho Blogspot (Blogger)
Demo tại bài viết: Ghép ảnh Online

Hướng dẫn Tạo comment Facebook cho Blogspot

Bước 1: Các bạn vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: Ctrl + F tìm tới thẻ đóng </head> và dán code dưới đây ngay bên trên nó
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="650"></div>';
//]]>
</script>
trong đó:
data-num-post="5": là số bình luận hiển thị ra
width="650": bằng độ rộng của khung comment.
Bước 3: Bạn tìm tới <body> và dán đoạn code dưới đây ngay dưới nó.
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Bước 4: Bạn tìm tới đoạn: <b:include data='post' name='post'/> và dán đoạn code dưới đây ngay bên dưới nó
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Bước 5: Lưu mẫu lại và xem kết quả
Chú ý: Đoạn tìm ở bước 4 là theo mẫu chung, bạn hoàn toàn có thể tìm với vị trí mà bạn muốn để comment Facebook theo ý bạn bằng cách tìm tới khu vực <DIV> của nó và dán vào.
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Một yêu cầu khá hay từ bạn có nickname con gái khi bạn hỏi Phong về thủ thuật nào giúp mình tạo được 1 Widget mà khi mình có kéo thanh cuộn trình duyệt xuống thì tiện ích đó bị dính lên trên cùng của trình duyệt....Nắm bắt được câu hỏi của bạn và gửi Website có chức năng tương tự thì mình biết đó là 1 kỹ thuật tạo Sticky - đó là kết dính 1 phần tử của Website, Blog luôn ở trạng thái lên đầu.
Hiệu quả của việc ghi chú kết dính này: Đó là làm người xem Website, Blog của bạn chú ý ngay tới phần bạn muốn người đọc hướng tới, chú ý tới. Đặc biệt khi bạn dính quảng cáo lại thì khá hiệu quả trong việc người xem hướng tới quảng cáo của bạn.
Ghi chú kết dính trong Blogspot khi kéo thanh cuộn trình duyệt

Rõ hơn hết là bạn xem Demo trực tiếp tại Blog demo: Trung tâm da liễu Đông Y Việt Nam bằng việc bạn kéo thanh cuộc trình duyệt xuống sẽ thấy.

Cách làm như sau:
Bước 1: Xác định tiện ích (Wiget mình muốn để kết dính) bằng cách vào bố cục -> lựa chọn tiện ích muốn dính -> Chỉnh sửa.
Có được ID của tiện ích như hình dưới

Bước 2: Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 3: Ctrl + F tìm tới </body> và dán code dưới đây trước nó
<script>
// Sticky widget by itviet360.com
// Free to use or share, but please keep this notice intact.
//<![CDATA[
bs_makeSticky("HTML6");
function bs_makeSticky(elem) {
var bs_sticky = document.getElementById(elem);
var scrollee = document.createElement("div");
bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
var width = bs_sticky.offsetWidth;
var iniClass = bs_sticky.className + ' bs_sticky';
window.addEventListener('scroll', bs_sticking, false);
function bs_sticking() {
var rect = scrollee.getBoundingClientRect();
if (rect.top < 0) {
bs_sticky.className = iniClass + ' bs_sticking';
bs_sticky.style.width = width + "px";
} else {
bs_sticky.className = iniClass;
}
}
}
//]]>
</script>
<style>
.bs_sticking {background:#f2f2f2 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}
</style> 
- Trong đó HTML6 là ID của tiện ích vừa lấy.
Chúc các bạn vui vẻ !
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Đây là phần đầu tiên trong chuỗi bài viết về thủ thuật SEO Blogspot mà mình muốn giới thiệu. Tùy chỉnh tìm kiếm có lẽ là phần đầu tiên khi bạn lập xong Blogger mà muốn nó tối ưu tốt. Vì sao mình nói như thế thì nội dung dưới đây mình sẽ giải thích từng phần một.
Đầu tiên bạn vào bố cục Blogger -> Cài đặt -> Tùy chỉnh tìm kiếm
Cài đặt tùy chỉnh tìm kiếm của Blogger hỗ trợ SEO tốt
1. Thẻ Meta
Chắc chắn là chúng ta sẽ phải bật rồi vì thẻ này hiện tại được Google "ngấm dầu ăn" ngay khi mò tới Website, blog của bạn. Một số bạn có thắc mắc hỏi mình rằng sao trong phần đăng bài mới của các bạn không có khung "Mô tả tìm kiếm" - đó là các bạn chưa bật mô tả thẻ Meta lên :)
2. Không tìm thấy trang tùy chỉnh
- Đây là khi các bạn gặp lỗi 404 thì các bạn muốn thông báo tới người xem nội dung như thế nào thì viết vào đó. Mình cũng đã có hướng dẫn 1 thủ thuật sử dụng Code ngoài để tạo thông báo trang rồi. Nếu các bạn không thích mặc định thông báo lỗi 404 của Blogger thì có thể xem bài viết đó tại ERROR 404
3. Chuyển hướng tùy chỉnh.
- Điều này cần thiết khi trang đó của bạn bị lỗi hoặc bạn muốn chuyển hướng từ bài link đó về 1 link khác. Đây là kỹ thuật Redirect 301 mà các bạn vẫn đọc trong những bài viết về SEO.
Mình ví dụ:
- Chuyển từ link: http://www.vuvanphong.com/thang-nay-viet-blog-do-vl.html
- Đến link: http://www.vuvanphong.com/2014/07/thu-thuat-blogspot-va-seo-blogger.html
Cài đặt tùy chỉnh tìm kiếm của Blogger hỗ trợ SEO tốt
Bạn lấy từ sau Domain của Blog mình nhé. Tức là lấy dòng chữ màu đỏ ở trên đó.
4. Robots.txt tùy chỉnh
- Đây là tùy chỉnh cho phép bạn cho Google ăn gì và không cho nó ăn gì. Bạn có thể hiểu rõ hơn tại bài Robots.txt tùy chỉnh
Đối với Blogger, việc điều khiển Robots hoàn toàn qua lựa chọn 4 này. Mình thì vẫn thường để mặc định của nó, tuy nhiên nhiều bạn muốn SEO theo Label của Blog nữa nên cần tùy chỉnh. Mặc định robots.txt của Blogger là
User-agent: Mediapartners-Google
Disallow: User-agent: *
Disallow: /search
Allow: / Sitemap: http://www.vuvanphong.com/feeds/posts/default?orderby=UPDATED
Bạn có thể kiểm tra Robots.txt của Blog của bạn bằng các đưa vào trình duyệt: Domain/robots.txt. Ví dụ http://www.vuvanphong.com/robots.txt
- Disallow: ngăn không cho Google nạp link đó.
5. Thẻ tiêu đề robots tùy chỉnh
- Bạn có thể tùy chỉnh trang chủ, các trang index tìm kiếm...của bạn với điều kiện bạn hãy rành mạch về kiến thức này. Mặc định Blogger cũng khá tốt cho các meta này và theo mình thì nên để mặc định.

Bài viết còn nhiều sơ sài, bạn hãy chia sẻ thêm nhé.
Chúc các bạn vui vẻ!
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Google+ hỗ trợ rất tốt Blogger thì cùng là sản phẩm của Google. Tính năng của Google được đưa vào Blogger cách đây khá lâu khi người dùng có thể thêm những tiện ích như theo dõi qua Google+,...và đặc biệt cách đây vài tháng Blogger tích hợp Google ở chia sẻ bài đăng qua Google Plus khi xuất bản, bình luận theo Google+ mà Phong giới thiệu dưới đây là 1 tích hợp cực hay.
Xem bài liên quan: Cài đặt bài đăng và nhận xét cho Blogger

  • Lợi ích khi sử dụng Comments Google+

Theo mình đánh giá thì đây là 1 hiệu quả khá cao về cách giới thiệu Blog của bạn, vì khi người dùng hoặc bạn comment bài viết thì nội dung + link comments đó cũng tự động được đưa lên Google Plus của người dùng đó. Điều này hoàn toàn giống khi các bạn sử dụng comment Facebook cho Blogspot.

  • Cài đặt bình luận Blogspot bằng Google+

Bạn vào bảng điều khiển Blogger -> Google + -> Sử dụng tính năng nhận xét của Google+ trên Blog này

Với việc Check vào ô Sử dụng tính năng nhận xét của Google+ trên Blog này là bạn đã tự động lưu lại cài đặt của bình luận Google+ rồi đấy.
Viết xong bài của ngày hôm nay rồi. Mình sẽ sớm quay tay lại ngay với bài của ngày mai.
:v Chúc các bạn vui vẻ!
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ:

Chào các bạn !
Như với tiêu đề bài viết này, không phải mình sẽ trình bày hết về thủ thuật Blogspot ở đây nhưng bài viết này sẽ là nơi trả lời và cố gắng giải đáp tất cả những yêu cầu về thủ thuật Blogspot, cách làm SEO cho Blogger và hơn thế nữa là nơi anh em Blog chia sẻ những thắc mắc của mình để được mọi người giải đáp.
(Keke, cái gì mình không rõ thì các bạn biết giải đáp dùm mình nhé)
Thủ thuật Blogspot, SEO Blogger

Như vậy theo dọc về Blogger mình sẽ chia sẻ lần lượt ở 3 nội dung:
1. Thủ thuật Blogspot
Trong phần này mình sẽ chia làm 2 phần rõ ràng như sau:
1.1 Làm quen với Blogger
- Với chuyên mục này, bạn sẽ được hướng dẫn từ những cơ bản nhất của Blogger. Từ lúc chưa biết, chưa quen, chưa thấy :v chắc chắn bạn sẽ hài lòng với Blogger. Bạn xem chi tiết những bài viết hướng dẫn của chuyên mục này TẠI ĐÂY
1.2 Tiện ích
Bao gồm những hướng dẫn của tiện ích cần thiết và mở rộng cho Blogspot. Bạn xem chi tiết nhiều hướng dẫn TẠI ĐÂY
2. Template Blogger
Dần dần P sẽ lựa chọn và chia sẻ những template chuẩn, tối ưu và phù hợp sử dụng nhất TẠI ĐÂY bạn nhớ theo dõi thường xuyên nhé. Sẽ có nhiều mẫu đẹp đấy.
3. SEO Blogger
Nếu bạn muốn Blog của mình xuất hiện nhiều hơn trên công cụ tìm kiếm như Google thì theo dõi các bài viết tại chuyên mục: Thủ thuật SEO này nhé.
Like , G+ và Share ủng hộ Vietchiase.com - Góc chia sẻ dành cho người Việt nhé ! ❤ Cám ơn ❤
Chia sẻ: