Add Meta Tags To Blogger Blog Posts Automatically

Before the new version of Blogger, there was a difficulty in adding meta tags to each and every individual posts that you made.You would have had to add the meta tags in the template for each one of the blog posts using the "b:if " tags.Now you do not need to do all that cumbersome work.There is a new method of adding meta tag description to any blog post automatically while writing the post itself.It is almost like a WordPress SEO plug-in for blogger blogs.

This tool can be very useful in terms of search engine optimization and ranking high on Google search.This will in turn bring you more traffic to your blog, so I advise you to use this Blogger Meta Tag Tool well.

Here is how to activate the meta tag generator in the blogger edit posts section -

1)Go to Blogger Settings > Search Preferences > Meta Tags. Make this option "Yes" and add some meta tags that are suitable for your blog.

2)Now Go to a "New Post" and you should be able to see the Search Description options in the right hand side under the Post Settings.

If you are using a Custom Template For Blogger, then you need to add the following code to your Blogger Template, just before </head>

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

Now you should be able to see the Meta Tag Generator Option in the "New Post" even if you have a custom blogger template.

Read More

Add Google+ Share Button To Your Website/Blog

Another useful tool for social media expansion has been developed by Google+, it is called the Google+ Share Button, it is actually a bookmarklet that allows you to share your articles and articles on other sites that you like to Google+, just like you would with a Facebook Share or a Twitter Tweet.

Google+ had been missing the Google+ Share Button, it was something they needed to add to stay in competition with Facebook.Previously you could only +1 an article and had to share manually.Now you can directly share an article or a blog post using the Google+ Share Button.


Here is the code for the Google+ Share Button, which you can add to any part of your website or blog template.It will appear wherever you place the code.

<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share" data-height="24"></div>


<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

To add the Google+ Share Button to a Blogger Blog, all you need to do is go to your HTML EDIT page and place it inside the blog post or under the footer of every blog post.

To make things even simpler, you can just add a Widget, and insert the code mentioned above to get the Google+ Share Button.


A similar process can be followed to add the Google+ Share Button to WordPress Blogs.Make sure that you share this on Google+ and circle us on Google+
Must Read - Floating Share Buttons

Read More

Add Google Plus Badge To Your Blogger Blog - Circles

Adding a Google Plus badge to your blog or website can increase brand recognition as well as increase your social network.Visitors to a blog often like to relate a blog to a person or a brand, they don't want to see just the text, they want to get to know the person behind the text.So for these reasons, adding a Google+ Badge to your site is vital.

Google+ Badges can be really useful on Blogger Blogs as they create a sense of interaction with your blog readers.Your readers will also be able to Plus One you and also be able to Circle you using this widget.

Adding a Google Plus Badge to your site is very easy -

1)Copy this code onto your clipboard or notepad :

<g:plus href="https://plus.google.com/113909935275352598440" size="badge"></g:plus>

2)Go To your Google Plus Brand Page and get the page Id, the page Id is the numbers you see in the web address of your page.As you can see, I have highlighted this part in the code above.Replace the digits in the code above with your Google+ Page Id.


3)You can change "Badge" To "Smallbadge" if you like to have a smaller version of the Google+ Badge.


4)Add the edited code from the above steps into a new gadget in your "Layout".You can place the gadget wherever you want in the blog.


5)Copy the following code and add it in the <head> section of your blog, before </head>.For this you need to open the "Edit HTML" option from your blogger dashboard.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"/>

The above code is a Javascript  and it will help execute the Badge when your page loads ( to put in simple words).


6)Save your template.

You should now be able to see your Google+ Badge on your Blogger Blog.Make sure you share this post on Social Networks!


You should now be able to your Google+ Brand Page Badge on your Blog.You can alter the location of the badge by placing the code in Step 1 in the place you want.

Read More