Add your blog title in your AddThis Share button.I have found a hack about adding your blog title in your AddThis share button.I have applied this hack with using a simple javascript you can see image below my blog title HelperBlogger is appearing on the right side of header.You can also change the background color of   header in the button.



Now lets see how to add apply this simple hack to your addthis share button.

How To Apply This Hack?


First copy this code and paste it in your notepad.

<div class='post-body entry-content'>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<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 -->
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "Helper Blogger",
 ui_header_color: "#ffffff",
     ui_header_background: "#CF152A"
}
</script>


If you have already added AddThis buttons to your blog then only add below code just after your addthis code.

<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "Helper Blogger",
 ui_header_color: "#ffffff",
     ui_header_background: "#CF152A"
}
</script>


Customizations


  • Now replace Helper Blogger with your title (Highlighted In Lime Color)
  • If you want to change text color then change #ffffff with your own hex color code. ( Highlighted In Yellow Color )
  • To change background of header change #CF152A with your own hex color code.(Highlighted In Faint Green Color )
  • For making these changes you can use our Hex Color Code Generator.

Adding The Buttons To Blogger


If you want to add these button just below of post title then copy and paste first code just after

<div class='post-header'>


If you wish to add these button just below of post then copy and paste first code just after

<div class='post-header-line-1'/>


Credits

This hack was brought to you HelperBlogger.If you wish to share this hack with your readers then kindly link back to this tutorial.

Enjoy...
Please share this hack with your friends....

Demo ▼





Post a Comment

  1. hi there, this code worked in my blog but the thing is that, why it keep asking for the confirmation after liking?

    replay me as soon as you read my comment
    @sagar.dahal1@gmail.com

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. You can also see the this link or url. Click here http://ashaduzzaman.blogspot.com/ for helper bloger This is will help you to add social networking button to your webpage

    ReplyDelete
  5. thanks for the great trick ,it really help me in modify my blog
    check how beautifull my blog has become :http://menaveron.blogspot.com/

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account).PLEASE DO NOT SPAM

 
Top