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 ▼
hi there, this code worked in my blog but the thing is that, why it keep asking for the confirmation after liking?
ReplyDeletereplay me as soon as you read my comment
@sagar.dahal1@gmail.com
This comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteYou 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
ReplyDeletethanks for the great trick ,it really help me in modify my blog
ReplyDeletecheck how beautifull my blog has become :http://menaveron.blogspot.com/
Teddy Bears are cute and adorable, they are cuddly and lovable. They are also very popular for Valentine's Day gifts - why is that and how can you choose the best teddy bear for your special someone? bear names
ReplyDelete