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!

Read More

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ả.

Read More

Gõ thanh bar blogspot - Remove the Blogger Banner

To hide the Blogger Navbar :

Read More

How to create a code block on Blogger

This thing has been my problem since the day I started blogging how to display HTML, CSS or Javascript code block on Blogger. This is when you paste your code on the Blogger editor it gets interpreted as code and don't display as you wanted it to be a sample code. Now I assure you that I found the easiest way to resolve that problem. Hit on the continue link to see the steps in displaying code block on Blogger.

Read More

Add article to a page in blogspot(Transform a Blogger label into a page)

As always, make sure to back-up your template before making any changes to it. After that check the box ‘Expand Widget Templates’ to begin editing the full HTML template. Search for the following line that marks the beginning of the ‘Pages’ widget:

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>

 
You can insert your own links after the main code loop closes, that is after the line </b:loop>. For example, to add a label page here you need the following code:

<b:if cond='data:blog.pageTitle == &quot;Fors: Book&quot;'> 
<li class='selected'><a href='http://nharua.blogspot.com/search/label/Template%20Joomla' title='my tab'>My tab</a></li> 
<b:else/> 
<li>
<a href='http://nharua.blogspot.com/search/label/Template%20Joomla' title='My book reviews'>Book reviews</a>
</li> 
</b:if>

Read More

How to create google sitemap for blogspot

go to google sitemap after add your URL blog then verify your blog
it will generate code for you
you have to put in in your blog >>setting >>edit HTML
Put the code below "Head" then click verify

After that go to add sitemap

select add general web sitemap

then fill http://xxx.blogspot.com/atom.xml YOu have to fill atom.xml
then fill http://xxx.blogspot.com/rss.xml YOu have to fill rss.xml
then put submit
you don't need to upload anything it is the different way to submit between blog and web site

Read More