Blogger templates | Blogger template | Premium download

Add Customize Google +1 Button in Blogger

noreply@blogger.com (Ngan Nguyen) — Fri, 06 Jul 2012 11:52:00 +0000

We have the Google+1 Button Widget in blogger , but with this tricks that helps you to change the standard of Google +1 Button to be smaller , bigger that depends on you.

Here is the instruction how to install it :

Step 1 : Blogger Dashboard -> Template -> Edit HTML
Step 2 : Search for this code

</head>

Step 3 : Paste this code below above </head>

Step 4 : Click on " Expand Widget Templates " and search for this code :

<data:post.body>

Step 5 : Paste the code below above it

You can display it to "left" and "right" by adjusting left
You can change standard to medium, small or tall. Choose the size that may blend your template.

Tall, small, Medium Respectively:

Step 6 : Save it and enjoy your template

Adding Random Banner Widget in Blogger

noreply@blogger.com (Ngan Nguyen) — Thu, 05 Jul 2012 10:49:00 +0000

Random banner widget is the best way to promote your blog content or to promote your advertisements on your blog.....every time your visitor will see a random banner of your post/advert on your blog.....

Now you just follow these blogger tutorials to set it up:

Step 1 : Blogger Dashboard go to " Layout " and " Add a widget "
Step 2 : Select " HTML/Javascript"
Step 3 : Paste these code below in this widget

<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='60px' width='468px' ></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='60px' width='468px' ></a>";
images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-3' border='0' height='60px' width='468px' ></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>

Now Change URL OF ADVERTISER with your links and URL OF BANNER’S IMAGE-1/2/3 with your images.
You can also change height and width of pics by chaning height='60px' width='468px' .
You can also add more banners by changing the script

Blogger Tutorials from Hardeep Asrani ( http://widcraft.blogspot.com )

How to Add a Comment Counter to Disqus in Blogger ?

noreply@blogger.com (Ngan Nguyen) — Thu, 05 Jul 2012 10:28:00 +0000

If you prefer not to use Blogger’s default commenting system you can use another commenting platform instead such as Disqus. Although it ranks as one of the popular ones out there, it still has its own shortcomings, one of which is the lack of a counter.

Many Disqus users admit that one the things they wish they had is the counter, which helps them keep track of the number of comments.

Fortunately, there’s a hack to fix this and Hammad Baig ( admin of Techtutshub ) was nice enough to share and post a quick short tutorial on how you can add a counter to your Disqus comments.

Follow the instructions below and be sure to back up your template to be on the safe side.

Step 1 : From your Blogger dashboard go to ‘Template’
Step 2 : Then ‘Edit HTML’ Click on the ‘Expand Widget Templates’ box to put a check mark in it
Step 3 : Search for this line of code inside your template by pressing ‘Ctrl+F’

<div class='post-header-line-1'/>

Step 4 : Copy/paste this below and immediately after it

<!-- Disqus Comment Count Start-->

<a class='dsq-comment-count comment-link commentslink'

expr:href='data:post.url + &quot;#disqus_thread&quot;'/>

<!--Disqus Comment Count End-->

Step 5. Save your template and that’s it!

Now you should have the number of comments displayed just below the post’s title, right next to the date.

Via Allblogtools

Optimizing Blogger Title Tags for better SEO

noreply@blogger.com (Ngan Nguyen) — Sun, 01 Jul 2012 06:08:00 +0000

This Blogger tutorial explains how to improve search engine optimization (SEO) of your Blogger blog (Blogspot blog) by optimizing your post title tags for search engines like Google and Yahoo. How to improve search engine results by optimizing post title tags.

By default your Blogger blog (Blogspot blog) does not have search engine optimised title tags. This puts your blog at a disadvantage compared to other blogs that have inbuilt SEO or enhanced SEO modules as these sites are likely to be placed more highly in search engine results.

The title tags of your blog are ordered by blog name first followed by the title of the post. This is not ideal for popular search engines like Google and Yahoo which give more importance to the first words of a title. By way of example take a look at how the title tags of this blog were viewed in a browser before any SEO. Note the order of the tags: Blog Name | Post Name.

When this site was first indexed by Google this is the search engine results this site received. Note how the blog name is first in all the results.

Fortunately there is a simple tweak to your template which can rectify this problem. By simply reversing the position of the blog name and page title significant improvement can be gained in search engine results. See the difference in the example below:

Follow the step by step guide below to achieve higher rankings in search engine results.

Tweak of Title Tags for New Blogger (beta) Blogs

1. Login to your blog at Blogger.com and navigate to Design > Edit HTML

2. Backup your template by downloading it to your computer. This will ensure that you can upload your template before these changes in case of problems.

3. Replace the following line of code (about 5-10 lines from the top):

<title><data:blog.pageTitle/></title>

with (highlight code, Ctrl + C to copy)

<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>

4. Click on Save Template and then View Blog. Navigate to an individual post. You will see that your page title is now first followed by your blog title. A pipe symbol separates the two.

Below is an example of the change in search engine results since the tweak was implemented for this site. Since optimising for search engine friendly page titles there has been a significant improvement in traffic accessing the site. This didn't happen right away but if you too implement this page title tweak and continue to deliver quality content you are on your way toward higher search engine rankings.

Troubleshooting
Several readers have reported issues with the line:

<b:if cond='data:blog.pageType == "item"'>

If you experience problems try inserting this line instead which works on many blogs. Ensure you have double quote marks around item followed by a single quote mark:

<b:if cond='data:blog.pageType == "item"'>

For more on this please read the comments section.

UPDATE
Due to the number of readers experiencing problems with their browsers reading this post I have created a PDF file of this article which is free to download

This Blogger tutorial (Blogspot tutorial) has discussed how to adapt the title tags of a Blogger (Blogspot) blog to improve search engine optimization (SEO) by Google,Yahoo and other search engines.

Via BlogKnowHow

Adding Meta Tags to Blogger for SEO

noreply@blogger.com (Ngan Nguyen) — Sun, 01 Jul 2012 05:59:00 +0000

In this Blogger tutorial I will show you the best way to add meta tags to your Blogger blog (Blogspot blog) to improve the SEO of your blog and work around the limitations of the Blogger platform.

I have observed that there are many Blogger help blogs out there telling you to just add meta tags however this will very likely achieve the opposite result from the one you are after. Whether you are yet to add meta tags or you have added meta tags already make sure you read and follow the methods contained in this article to get the best results.

What are Meta Tags?
Meta tags are HTML tags that provide additional information about your blog that is unseen by visitors but available to search engines. The meta description tag, for example, provides a short summary of the page content. The keyword meta tags show the keywords and keyword phrases a visitor might use to find your blog. Because of abuse of meta tags search engines have become smarter and most no longer place emphasis on keywords to establish page ranking however keyword meta tags are still used by some search engines so it is a good idea to include them.

Limitations of Blogger and SEO
One of the disappointing aspects of Blogger is that it is not properly optimized for SEO. Meta descriptions and keywords are not supported by blogger.com by default. Title tags are also not optimized. This means that you will miss valuable opportunities to attract visitors to your blog.

However meta tags and meta descriptions can be inserted into your Blogger template (Blogspot template) to good effect. Fortunately these work arounds will go a long way to improving the placement of your blog in search engine results. Please refer to adjust Blogger title tags for improved SEO for help with title tags.

Simply placing a meta tag description in your Blogger template is problematic because Blogger will use the same meta tags for all pages in your blog. This means that every entry that Google has for your site will show in search results with the same description. This solution would result in reduced traffic rather than increased traffic. However there is a way to add meta tags to the home page of your blog only which will not affect post pages in your blog. In this way visitors will find the home page of your blog in search engines by the use of appropriate keywords and a site description.

How to Add Meta Tags to a Blogger Blogspot Blog Home Page
1. Login to Blogger if not already logged in

2. Navigate to Design > Edit HTML

3. Back up your template as a precaution by downloading full template to your computer.

4. Check the Expand Widget Templates box

5. Find these lines which will be near the top of your template:

<head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title>

6. Paste the following code immediately below <title><data:blog.pageTitle/></title>

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Place your blog description here' name='description'/> <meta content='Place your blog keywords here(separated by commas)' name='keywords'/> </b:if>

7. Enter your blog description between the single quote marks under description. Maximum 150 characters

8. Enter the keywords of your blog between the single quote marks under keywords. Ensure you separate each keyword or keyword phrase by a comma. Make sure your keywords do not exceed 200 characters

By way of example here are the meta tags I use for the home page of Blog Know How:

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Find tips,tricks,tutorials,walkthroughs to customize your Blogger Blogspot blog.SEO,Banners,Adsense,gadgets,fixes,feeds,rss,help for beginner bloggers' name='description'/> <meta content='blog,blogger,blogger.com,blogspot.com,blogspot,blogging,tutorials,tips,blogger help,customize blogger,SEO,make money,gadgets,Google Adsense,banners, feeds,analytics,solutions' name='keywords'/> </b:if>

9. Click on the Save Template button

10. To see your description in action you can either navigate to your blog's home page and click on view source in your browser. In Internet Explorer you will find this option in the view menu. A text document will appear which you can scroll through. You will see your description near the top of the document. Alternatively you can check your description in a free Meta Tag Analyzer tool such as Submit Express or SEO Centro

How to Add Meta Tags to a Blogger Blogspot Blog Individual Post
1. Follow steps 1 to 4 as for adding meta tags to the Home Page

2. Add the following in the <head> section of your Blogger template. Enter this code below the Home Page code above you have just entered:

<b:if cond='data:blog.url == "http://url of your post"'> <meta content='keywords pertaining to your post' name='keywords'/> <meta content='crafted description of your post' name='description'/> </b:if>

Here is an example of optimized meta tags for this post:

<b:if cond='data:blog.url == "http://blogknowhow.blogspot.com/2009/05/add-meta-tags-to-blogger-for-better-seo.html"'> <meta content='meta tags,optimize blogger,blogger SEO,search engine optimization, blogspot,blogger,blogspot.com,blogger.com,blogging,blog' name='keywords'/> <meta content='Improve SEO by adding meta tags to your Blogger Blogspot blog. Step by step tutorial shows you how to add meta tags to the home page and a single post' name='description'/> </b:if>

3. Add your post URL, keywords and description. To find the URL of your post navigate to the post's page and copy the link showing in the address bar of your browser including the http:// prefix

4. Click on the Save Template button

5. To check your description you can use the view source in your browser once you have navigated to the post page or a meta tag analyzer

Note: This method is suitable if you have a few key posts that you want to ensure you get maximum traffic on. If you have a lot of posts this manual method would be very tedious. I don't know of any automated method or script to add meta tags at this point but I am investigating it and will keep you posted.

Analyze Your Blogspot Blogger Meta Tags
Once you have added meta tags to your blog you can use tools to analyze them to ensure their relevance. Aim for meta tag relevancy to page content of above 90%. To check this you can use a free meta tag analyzer tool such as Submit Express or SEO Centro

Troubleshooting and Tips

Observe Character Limits
To avoid problems ensure that you keep within the maximum character limits:

Title Tag - Maximum Characters is 60
Site Description - Maximum Characters is 150
Keywords - Maximum Characters is 200
Title Tag Tweak
If you have inserted the title tag tweak and it is highly recommended that you do so then you will need to add the code above after the title tag adjustment in the <head> section of your template. Read more about adjusting title tags
Keywords
Although some search engines no longer place too much emphasis on keywords some still do so it is worth adding keywords. Avoid using the same keyword more than 3 times. The maximum number of keywords recommended to be robot friendly is around 20.
Problems Reading the Code
Some readers have reported problems with their browser reading this code. Try this document form of the article if this happens to you

In this Blogger meta tag tutorial I have discussed the best way to add meta tags to a Blogger blog (Blogspot blog) to improve search engine results given the limitations of the Blogger platform. In this article you have learned to add both meta tags for keywords and descriptions to the home page. You have also learned how to add meta tags to an individual post. To optimize your meta tags I have included links to free meta tag analyzer tools.

Via BlogKnowHow

Green Idea Template

noreply@blogger.com (Ngan Nguyen) — Sat, 26 May 2012 03:05:00 +0000

Green Idea is a free blogger templates with 2 columns right and right sidebar, nature themes for environment and sight-seeing, green background color to make the template more fresh and nature with the leaf on the header, top menu and neatly design. Excellent template for Environment , Nature , Animal , Person , Girl Blogger Templates ...
Features: 2 columns,right sidebar,slide show, widgets ready, search box, popular posts, top menu

Blogger templates | Blogger template | Premium download

Add Customize Google +1 Button in Blogger

Recent Comments Widget For Blogger

Adding Random Banner Widget in Blogger

How to Add a Comment Counter to Disqus in Blogger ?

Optimizing Blogger Title Tags for better SEO

Adding Meta Tags to Blogger for SEO

Green Idea Template

How to show Author's Short Bio After Post in Blogger ?

Blogger Templates - Interior

Webblog Template

How to use new interface of Blogger ?

Halloween Template

Blogger release two new features Google Plus +1 and Google +Badge

Cycling Blog Template

Fanclub - Premium Templates

Music News Template

Art Blog Template

Single

Bleach

Personal Blog

Music World

Stylish - Blogger Templates

Family Template

Art Design Blog Template

Fresh Idea

CoolWinter

Inspiration (Premium)

Sport Fishing