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…

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://huongdanpc.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ế huongdanpc.blogspot.com bằng địa chỉ blog của bạn. Chúc bạn thành công!

Read more…

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

Read more…

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.

1. Be sure that you already log on to your blogger account. Then go to Layout-->Template Editor.
2. Blogger's Template Designer allows you to customize almost any aspect of your blog's appearance through the use of cascading style sheets (CSS). To add custom CSS snippets to your template, simply open the Template Designer and add your code to the field located in the Advanced | Add CSS tab. Changes you make will reflect instantly in a live preview beneath the editor.
   Note: Editing CSS allows you to change the look and feel of your blog. For changes to the actual content of your blog, including the adding of gadgets or changes to the layout, please use the Edit HTML field located in the Layouts tab. Also remember that, like other customizations, your CSS will be removed if you change designs.
   While CSS allows for an almost unlimited number of style customizations, here we'll just go over a couple of the most popular CSS tweaks so you can get a sense of how these changes can be made. For a more comprehensive list of various CSS tweaks, please see the 'What can I do with CSS' article in our Help Center.
   The first CSS change we'll go over is how to center the header text on your blog. Head over to the CSS field located in the Advanced | Add CSS tab in the Template Designer. Once there, simply drop in the following lines of code:
   
   
   
   
   3. You add this code:
   

   .post blockquote {
   width: auto;
   font-family: Courier;
   margin:.75em 0;
   border:1px solid #596;
   border-width:1px 1px;
   padding:5px 15px;
   overflow: scroll;
   background-color: #C6E4F0;
   white-space: pre;
   }

   
   Now after you have encode the piece of code you want to display.
   
   
   1. Go to Posting-->New Post.
   2. Type or copy your article you need to post.
   3. Then go to Edit Html tab of your editor (upper right).
   4. Paste there the encoded code, enclosed in <code> </code>
   5. After that Publish Post.
   6. Then view your article.

Read more…

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>

Naturally, the italicized text should be replaced with your own blog name and labels. And the fragment ?max-results=7 is optional; it just forces Blogger to display only 7 articles for the label, making it consistent with the rest of my blog. You can change the number to anything you like or need.

This code also takes care of highlighting the page title when somebody visits it to closely match the look of a native page. If the template doesn’t use that option, or if you are linking to an external page, you can remove the conditions from this code and simply use a hyperlink inside a list tag. The only thing missing now would be to replace the general RSS feed of the blog with the feed for the label on this sub-page, but I haven’t figured out how to do that for now.

Unfortunately the method described above has a small disadvantage: because of the way the ‘Pages’ widget is built, you can’t add custom links between the regular pages, only before or after them. So if you use this hack on your blog, the manually inserted links will be displayed either on the left or on the right side of the other pages in the widget.

An alternative would be to use the method described here. It uses the standard Blogger feature, so you can place the newly created page anywhere in the widget, but doesn’t show the full articles and requires the use of third-party tools like Google Analytics and FeedBurner.

Read more…

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…