Add Google Plus Profile Button To Blogger Blogs

Saturday, June 30, 2012 0 comments

How To Add Google+ Profile Buttons To Blogger?

  1. Go To Blogger > Design
  2. Select HTML/JavaScript widget
  3. Paste this code inside it,

<a rel="author" href=https://plus.google.com/107381172453188253394/posts>
  <img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
</a>

Please replace the bolded text with your Google+ Profile URL. You can copy the URL from your address bar by going to your profile page as shown below,

[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-m4rfL_OJQKzuoiOtXc2s4icWDfOLvUXX0hlGGmcQ47k4HX_kEwxCwt75CZTZt4IfBJ86DxOnwZWDRnEq_64h4MLeYxFvZjw6YgiHt3v3eENBVFTt0NVAa-16T8oulcOszXZyBmzY5YU/s1600-h/image%25255B4%25255D.png"]google profile url[/a]

      4.   Save your widget and you are done!

There are four sizes available. The above code uses the standard size if you wish to use a different size then replace the yellow highlighted code above with one of these.

Small Size: 16px

 

[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0mh2DGpoi-4c9N_8C9se3bzYt81jAzDP8jJJTeofyFAXxScUEhCdghhR-0A9y-lHTdL5e23cICr95JiDAYEGmQkskcC9K8hkVsT4rd5xgQXJ8uK2nwu9pIwdXhbVqAKOuxZs0mpC1FsE/s1600-h/image%25255B33%25255D.png"]image[/a][a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU6HHosLlcTCKDwZNKeEs1DT_k9-EX9jV6-bNQzhCsbcYVjR32NExJc-d-d7cNfXs10zkY7aTNNoPr3CtGkdk5QzkWR7VlwmiWBSAPdc1DOJ-UhoiKtRGF-DBG37OtcpRt3VC12oE2Nt8/s1600-h/image%25255B14%25255D.png"]image[/a][a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsjclURu44zoHNM_o_oLa-cAZ9NO7hzGm9jtWTKFTe2TzWAhZ6K8XfGzy4KdVt4iE1uzBtuAXi7YfV9NhnXce1edfF1B0SSDEe8YJT6CO0xGp2nUSDREV3-5eSk7EklowWFwwW9xvehlQ/s1600-h/image%25255B34%25255D.png"]image[/a][a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRar3-77HPklRXjJ2Jsf3-hh1KzwtNjLjNM2Fqc6ZqEirnZNxCqTOGihSOmtMVayh-zNjLwhM_7rjzOjTXb_gi9aGBaADd4zgLXJZhI2nrVUs2pzK8PVFqStTO21UNE9kJLsD-y-_fpnY/s1600-h/image%25255B24%25255D.png"]image[/a]

  <img src="http://www.google.com/images/icons/ui/gprofile_button-16.png" width="16" height="16">

Standard Size: 32px

 

<img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">

Medium Size: 44px

<img src="http://www.google.com/images/icons/ui/gprofile_button-44.png" width="44" height="44">

Tall Size: 64px

  <img src="http://www.google.com/images/icons/ui/gprofile_button-64.png" width="64" height="64">

Source: http://www.mybloggertricks.com/2011/08/add-google-plus-profile-button-to.html
Share this article :

Post a Comment

 
Copyright © 2012. Blogger Tips For Beginners - All Rights Reserved
The information is compiled from various sources on the internet