Tạo Recent comments cho blogspot

Tiện ích “Recent Comments – Các nhận xét gần nhất” hiển thị các nhận xét mới đăng tải trên blog của bạn. Có nhiều cách thực hiện, bạn có thể Add gadget và chọn tiện ích Recent comments do Blogspot hỗ trợ sẵn nhưng cách đó có vẻ như không được thẩm mỹ cho lắm. Vì vậy, mình xin giới thiệu với các bạn thêm một cách rất dễ dàng để tạo ra tiện ích này chỉ bằng một đoạn code.

Sau khi thực hiện, Recent comments - Bình luận của bạn sẽ hiển thị giống thế này

Các bước thực hiện:

1. Vào Blogger  > Layout  >  Page Elements và Add a Gadget

để thêm Gadget tại vị trí bạn muốn đặt tiện ích “Recent Comments”.

2. Chọn Gadget “HTML/Javascript” và dán đoạn code sau vào đó:

<script style='text/javascript' src='http://blogergadgets.googlecode.com/files/recentcommentswidgetv1.js'></script><script style='text/javascript'>var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src='http://nharua.blogspot.com/feeds/comments/default?alt=json-in-script&max-results=5&callback=showrecentcomments'></script>

Trong đó, để hiển thị Recent comments trên blog của bạn, bạn thay thế nharua.blogspot.com bằng địa chỉ blog của bạn. Chúc bạn thành công!

Thêm phần mô tả từng bài viết - Meta tags Description trong blogspot

Khi bạn chèn thẻ Meta Description cho mỗi bài viết trong blogspot sẽ giúp bài viết của bạn được tối ưu seo và nổi bật hơn với các trang kết quả tìm kiềm (SERPs). Bài viết này sẽ hướng dẫn các bạn làm thủ công để thêm thẻ meta description cho các bài viết.

Sử dụng meta description tags trong Blogspot có ưu điểm gì?

Tag miêu tả được dùng như Snipplet hiển thị dưới tiêu đề bài viết trong SERPs. Điều này rất hữu ích cho SEO (Search Engine Optimization). Từ thẻ này, khi các bạn tối ưu nó sẽ có ảnh hưởng không nhỏ đến thứ hạng từ khóa và ngoài ra trong danh sách kết quả tìm kiếm nó sẽ nổi bật và được chú ý hơn nên sẽ ảnh hưởng trực tiếp tới traffic.

Bằng cách thêm tag miêu tả bằng thủ công vào các bài viết thì bài viết của bạn sẽ là “duy nhất” trên trang kết quả tìm kiếm với miêu tả cụ thể về từng bài viết (title, description, keywords) giúp cho máy tìm kiếm và khách truy cập có thông tin chính xác hơn về bài viết của bạn cũng như giúp máy tìm kiếm đánh chỉ mục chuẩn xác và cụ thể hơn.

1. Mở chế độ  thêm thẻ miểu tả - Meta tags Description cho  BlogSpot

Settings > Search preferences > Meta tags > Description và nhấn vào liên kết EDIT

1. Nhấp chọn YES  để cho phép bạn nhập mô tả tìm kiếm cho blogspot.
2. Nhập mô tả meta cho blog của bạn. Meta mô tả này sẽ xuất hiện trên trang chủ của bạn và các trang khác.
3. Nhấp vào nút SAVE CHANGES .

2. Thêm mô tả meta vào các trang web cá nhân

Thẻ Mô tả - meta description cho một bài viết trong blogspot hoặc một trang tĩnh có thể được thêm vào thông qua trình soạn thảo bài viết của Blogger - Blogger’s post editor:

1. Click vào bài viết và chọn một bài để chỉnh sửa.
2. Nhấp   tùy chọn Search Description  trong phần cài đặt bài viết  Post settings . (Tùy chọn này chỉ xuất hiện sau khi bạn kích hoạt mô tả  tìm kiếm trong bước 1).
3. Nhập mô tả  -  meta description cho bài viết và nhấn Xong  Done .

Đối với các bài đăng cũ hơn, bạn phải quay trở lại để chỉnh sửa mỗi bài và tự thêm trong các mô tả.

Gõ thanh bar blogspot - Remove the Blogger Banner

To hide the Blogger Navbar :

1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3- paste the CSS definition in the top of the template code:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
   display: none !important;
}

/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">
   ...