Friday, June 14, 2013

Blogger Meta Tag Optimization

Blogger has made ​​a lot of the latest features, including search preferences for meta tag optimization for SEO friendly. However, with standard features of bloggers, not enough to be number one in the Search Engines.

Most Blogger template maker just make a standard meta tag alone, of course, the next task is for the blog owner to better optimize how the blog more successful in the Search Engine. Not quite with a great view, a lot of backlinks, good content and so on.

Below I share the best meta tag for blogger, for the optimization of your blog.

Log into the template editor and find the following code:


Replace with the following code (edit your blog name, keywords, description, etc.)

<!-- Meta Title ErrorPage/404 -->
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404: Sorry the page you are looking is not found | blogname</title>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!-- Meta Title Search Page -->
<b:if cond='data:blog.searchQuery'>
<title>Keyword search for :: <data:blog.searchQuery/> :: | blogname</title>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Meta Title Archive Page -->
<title>Post Archive by Month <data:blog.pageName/> | blogname</title>
<!-- Meta Description Archive Page -->
<meta expr:content='&quot;Post Archive by Month &quot; + data:blog.pageName + &quot; learn more please visit blogname&quot;' name='description'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- Meta Title Pages -->
<title><data:blog.pageName/> | blogname</title>
<!-- Meta Description Pages -->
<meta expr:content='data:blog.pageName + &quot;. Please read the article &quot; + data:blog.pageName + &quot; learn more please visit blogname&quot;' name='description'/>
<!-- Meta Title Label Page -->
<b:if cond='data:blog.searchLabel'>
<title>Search for Label :: <data:blog.pageName/> :: | blogname</title>
<!-- Meta Description Label Page -->
<meta expr:content='&quot;Search for category ::&quot; + data:blog.pageName + &quot;:: learn more please visit blogname.&quot;' name='description'/>
<!-- Meta Title Homepage -->
<!-- Meta Description Homepage -->
<meta expr:content='data:blog.pageTitle + &quot; Write your blog description here.&quot;' name='description'/>
<!-- Meta Keyword Homepage-->
<meta content='keyword1, keyword2, etc' name='keywords'/>
<!-- Meta Title Post Page -->
<title><data:blog.pageName/> - blogname</title>
<!-- Meta Description Active Post Page -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<!-- Show if the Meta Description post Page is not active-->
<meta expr:content='data:blog.pageName + &quot;. Please read the article &quot; + data:blog.pageName + &quot; learn more please visit blogname&quot;' name='description'/>
<!-- Meta Keyword Post Page -->
<meta expr:content='data:blog.pageName + &quot;, keyword1, keyword2, dst&quot;' name='keywords'/>

Once you've added the meta tag before, please adjust or replace the meta tags on

Thursday, May 23, 2013

Adding Contact Form Widget For Blogspot

For blogspot users, maybe when you want to add a contact form, you use EmailMeForm, FoxyForm, etc.. Now you do not need to use it again. Because Blogger has now officially released the Contact Form Widget. Although I see myself still no third parties on this widget, but at least with this new widget simplify your job.

Some features of this contact form widget is a notification widget when the user not filling his name, the email is not correct, or empty messages, which is definitely a notification that a message has been sent. Email will be sent to the owner of the blog, via email listed when creating a blog.

For those of you who want to install this widget contact form is very easy. You just add the widget as usual. Then select more gadgets.

Now contact form widget appears on your blog. You can put a contact form widget anywhere, either in the sidebar or footer, depending on your taste.

This contact form you can also place it on a static page, for example on page or post. I will explain in the next post. See you.

Saturday, May 11, 2013

New trick to remove Navbar on Blogspot?

Actually this is an old trick I rewrite. Previously, I have to give a tutorial on removing the navbar, but through the edit css. It is a way to remove blog navbar with the latest methods and also legal. Because this time bloggers provide distinctive features that allow users to remove blog navbar.

How to remove blogspot navbar?
1. Login to your Blogger account 2. Click on the dropdown menu and then select the layout

3. Click edit on navbar widget

4. Once options appear, select Off and then Save

5. Done. Now the blog navbar is hidden

So this is a tutorial on how to remove blogspot navbar. Hopefully this new way of getting easier for us to cultivate our blog

Friday, May 3, 2013

How to Custom Robots.txt for Blogspot?

Robots.txt serves to prevent web crawlers work with web robots from accessing all or part of a website if it is publicly viewable. Essentially a robots.txt file on a web site will serve as a request that specified robots ignore specified files or directories when crawling a site.

If you use the platform Blog, robots.txt file can create yourself via file manager in cpanel, but if you are blogspot user then there are steps that need to be before activating robots.txt (disabled by default).

1. Login to your Blogger account and go to your blog dashboard

2. Click on Settings >> Search preferences

3. Edit your Custom robots.txt the choose Yes to enable custom robots.txt content

4. Then fill with the following command

User-agent: Mediapartners-Google
User-agent: Googlebot
Disallow: /?m=1
Disallow: /?m=0
Disallow: /*?m=1
Disallow: /*?m=0
User-agent: *
Disallow: /search?*
User-agent: Twitterbot
User-agent: *
Disallow: /search
Disallow: /p/*
Disallow: /view/*
Allow: /

 Note: red letters replace with your own blog

5. Save your jobs

For websites with multiple subdomains, each subdomain must have its own robots.txt file. If had a robots.txt file but not, the rule which would apply for would not apply to

Thursday, May 2, 2013

List of dofollow blog sites PR 4 and up

Instead you tired submit articles to article directories. We'd better collect wrote, url sites (blogs that provide its comment box only) dofollow (at least PR 4). By leaving a comment on dofollow blog, someday your blog PR will certainly rise when the PR update.

The following are List of dofollow blog sites PR 4 and up

PR 7





PR 6




















20. ad-voting/4629/


PR 5







7. 4288/


PR 4






6. in-stumbleupon/4470/





Monday, April 22, 2013

Submit XML Sitemap for Blogspot

Google finally released an XML sitemap for blogspot. Usually to indexed quickly, you are prompted to put atom.xml or RSS Feed to Google Webmaster Tools. With the release of XML sitemap for blogger, now you can work more easily. But is valid only for Blogspot, not for Custom Domain.

Blogger has been providing a wide range of new features, including a New look of Blogger HTML editor. The new look aims to make it easier for blogspot users to edit HTML. And unbeknownst to the public, Google has released an XML Sitemap for blogspot, and it is very beneficial for us. Because the XML sitemap will inform all existing blog URLs to search engines. And information structure created by this sitemap, will give employees full information to the search engine crawlers, so this is our advantage over a blog article that quickly indexed by Google.

After Blogger XML Sitemap released, of course we had to put it to Google Webmaster Tools, as we usually do to speed up the search engine Google indexed all blog articles. So how do I make a sitemap? Blogger will create anXML sitemap for Blogspot. To access the sitemap, you only need to type your blog url and ends with sitemap.xml, for example:

How to put XML Sitemap into Google Webmaster Tools?

How to submit Blogspot sitemap using sitemap.xml Sitemap, go to >> choose Sitemap menu >> add sitemap.xml
Finally glad to Release Blogger XML Sitemap, so you do not have to bother using the feed url and atom.xml again, simply submit your blogspot sitemap.xml, and it already represents all the information available in the blogspot url companions. Hope it helps and useful.

New Look on Blogger HTML Editor

Blogger HTML Editor now changed since April 9, 2013. With the presence of a new look, Blogger automatically adds the latest features to pamper the users.

The following is the new look of Blogger HTML editor.

Some of the changes, including:

1. Expand Widget Templates removal, because all the tags are generated or is not hidden as before
2. Adding "Jump to widget" button, this is making easier to edit the widget.
3. Preview Template Editor is now integrated with it, like Macromedia Dreamweaver
4. Adding "Revert Changes" button, to restore the code that we edit
5. Using "SyntaxHighligter" (colors code), to facilitate the editing code.
6. Adding the "Format template", to compile and tag code added.
7. Using Collapse system to display the hidden code, characterized by "►"
8. Adding Ctrl + Shift + F and Ctrl + Shift + R functions

I think the new look of Blogger HTML Editor is increasingly easier to understand the structure of a Blogger template.

How to find Expand Template function, if this function has been removed?

Refer back to points 1 and 7 above. You just need to expand the code by clicking on the mark "►". For example, you want to look for CSS, CSS is actually there, just click  ► on <b:skin> ... </ b: skin>

It takes time to learn new look of Blogger HTML editor. Keep learning!!