How to Add Google +1 Button to Blogger

Posted by ADMIN On 11:14 AM
Google +1 button is now available for websites and I recommend you Blogger users to add this new cool button to your blogs because it is another parameter that affects your website’s ranking on search results. So basically you should not ignore the button. It is pretty easy to add Google +1 button to blogspot blogs you don’t have to mess with lots of code snippets. Now go to Google +1 button page and generate your button.
Now, the next step is : Click “Design” tab from Blogger Dashboard and then click “Edit HTML” link. You will see your template codes, in order to see the detailed coding of the template you must click “Expand Widget Templates” link as shown in the screenshot given below.

After you expand the template, find
view plain
print?
     <data:post.body/>


using CTRL+F combination and then paste the code you generated above the lines. Now in order to make it look better we will add some css styles to our button by adding div style. The code we are supposed to paste will look like this :
view plain
print?
    <div style="float:left;">
    <script src="http://apis.google.com/js/plusone.js' type='text/javascript"/>
    <g:plusone/>
   </div>

0 Response to "How to Add Google +1 Button to Blogger"

Post a Comment

Google Translator

Search Box

Blog Archive

User Status

Free counters!

About Me

ADMIN
Pakistan
View my complete profile

Recent Posts

Recent Comments