Install Google +1 Button in a Corner of the Blog

August 8, 2011 | 01:56

Previous already posted how to Install the Google +1 button on blogspot, and on this occasion I will share how to Install google +1 button in a corner of the blog at blogspot.

Install google +1 button in a corner of the blog serves to share in the home page, label, as well as posts, everywhere these buttons can appear, not as in the Google +1 button which previously, could only be to share in part in any post . Meanwhile, if installed in a corner of the blog, then Google +1 botton share will remain in place if the blog in drag upward or downward, as seen on this blog PapaTiti Online.

Well if you are interested in installing this way, please follow the steps on below.

1. Login to Blogger
2. Click Design and select Edit HTML
3. Search Code </head>
4. Enter the code below, just above the </head>

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

Note: If you previously already activate this button, way 3 and 4 are skipped only.

5. Find this code ]]></b:skin>
6. Enter the code below just above the ]]></b:skin>

#G_plusone {
position:fixed;_position:absolute;top:10px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

Description:
Top: 10px; = position G +1 button and the distance of the up or down
right: 0px; = position G +1 button and distance of the right or left
(Please arrange themselves according to taste)

7. Enter the code below just above the code </body>

<div id='G_plusone'>
<g:plusone size='tall'/>
</div>

Note: For sizes, please see here Install the Google +1 button on blogspot.

8. Save the template and see the results

If you feel that any article on this blog useful and liked it, please click the +1 button on the right sidebar this blog.

May be useful
Share this article :
 
Copyright © 2010-2012. PAPATITI ONLINE . All Rights Reserved.
Template modify by Creating Website