seo Adding Google+ Page Badge To Your Blog 2013
on Thursday, February 28, 2013
|
Seo Master present to you: I had previously posted about importance of creating a Google plus fan page and show you to make one for your blog. In this tutorial i will teach you to add Google+ fan page Badge to your blogger blog. This badge is similar to twitter follow button or facebook like box as it allows your blog visitors to easily +1 your fan page. just creating a fan page is not enough you need to connect your blog with your page in order to get more +1 which will eventually results in more traffic. Just follow this simple tutorial and your will be good to go. Making Google+ Fan PageIf you already have or created a google+ fan page then you skip directly to the next part on adding google+ badge to your blog. But if you don't have google+ page then check out tutorial given below and come back here. Adding Google+ Fan Page Badge To Blogger Blog.1. Go to blogger Dashboard > Template and click on Edit Html. 2. Then search for </head> and paste the code give below just above it and save it. <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> 3. After adding the plusone.js script, we will be adding google+ badge on your blog. 4. Then go back to blogger dashboard > Layout and click on Add Gadget. 5. Now select Html/Javascript and paste below code into it. <!-- Google +1 script -->
<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>
<!-- Link blog to Google+ page -->
<a style='display: block; height: 0;' href="https://plus.google.com/105355418052087265851" rel="publisher"> </a>
<!-- Google +1 Page badge -->
<g:plus href="https://plus.google.com/105355418052087265851" height="131" width="300" theme="light"></g:plus> - Replace the url of my Google+ Page with yours
- Change light to dark if you want widget to be black.
- You may also change it height and width to change the style of badge as show in below image. Change height and width according to the badge you want.
Above image show just few badge style. There are even more height and width settings to change the badge look. In order to know more about this settings then check out article on google devloper page by clicking on link given below. Any problem?If you got any problem or have any question or suggestion related to this tutorial or our blog in general then leave a comment below i will be glad to help you out. Keed Blogging!2013, By: Seo Master
|
Labels: Blogger Widgets, google+, social media
