This site is just started. Please give us sometime to ready it. At least Subscribe us via email.


HTML CODE HERE

Wednesday, May 2, 2012

Google Plus, Facebook, Tweet, Addthis Social Sharing Buttons For Blogger / Wordpress


Pin It Now!

Post title is most views part of your post so why you don't try to set a sharing button after it. Yes, now i show you how to add some popular sharing buttons after your blog post title. In this sharing button you will get facebook, twitter, google plus & one of most useful addthis share button. If you set a sharing button after title you will get more share,like,tweet than your older count. So it's the time to change & add this button on your blog.


How To Add ?

  • Go to Blogger Template > Edit HTML.
  • Tick-mart to expand widget templates.
  • Now search for  <data:post.body/>
  • Just above/before it paste this following codes...

    <!-- Sharing-Buttons-BEGIN-www.myhowtricks.com -->

    <b:if cond='data:blog.pageType == "item"'>

    <table border='0'>
    <tr>
        <td>

    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_counter addthis_pill_style"></a>
    </div>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
    <!-- AddThis Button END -->

    </td>
    <td><div style='margin-right:25px;'>
    <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
    </div>
    </td>
   
   
    <td><div style='padding-top:6px;'>
    <script type='text/javascript'>
    tweetmeme_style = &quot;compact&quot;;
    </script>
    <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
    </div></td>


    <td><div style='margin-right:5px;'>
    <g:plusone expr:href='data:post.url' size='medium'/>
    </div>
    </td>


    </tr>
    </table> </b:if><br/>

    <!-- Sharing-Buttons-END-www.myhowtricks.com -->

  • Preview you template if all is ok then save your template.
  • If google plus button are not showing then go to template > edit html > tick-mark expand widget template & search for </head> and just before it paste this code.
  • <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

Now you are done....

0 comments:

Leave a Reply

 
Copyright © 2012 My How Tricks (MHT) - All Rights Reserved | Terms And Conditions | Licensed Under Creative Commons 3.0

DMCA.com