Add Your Blog Title In AddThis Share Button

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 ▼