Breaking News
Loading...

Addthis share bar for blogger

08:59
Addthis is a popular platform for sharing your content over the internet easily. It provides various gadgets and plugins for this purpose. These widgets are available for almost any blogging platform like blogger, wordpress  or even a simple static html website. Today we will discuss about another amazing widget which is a beautiful content share bar.. In this tutorial you will learn how to integrate this share bar to your blogger blog. This Share bar remains at the top of your blog’s header and displays a share button inside it. Adding this share bar to your blog also effect your blog’s traffic from social networks like facebook, twitter etc.

Adding this share bar to blogger

Step 1: Open your blogger dashboard and select your blog.
Step 2: Select Template option and click on Edit HTML option.
Step 3: In the template code find </head>
Step 4: Paste following code just above it and save the template

<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-52566ebb20737f47' type='text/javascript'/> <script type='text/javascript'> addthis.bar.initialize({'default':{ "backgroundColor": "#000000", "buttonColor": "#098DF4", "textColor": "#FFFFFF", "buttonTextColor": "#FFFFFF" },rules:[ { "name": "AnyOther", "message": "If you enjoy this page, do us a favor:", "action": { "type": "button", "text": "Share this page", "verb": "share", "service": "preferred" } }, { "name": "Twitter", "match": { "referringService": "twitter" }, "message": "If you find this page helpful:", "action": { "type": "button", "text": "Tweet it!", "verb": "share", "service": "twitter" } }, { "name": "Facebook", "match": { "referringService": "facebook" }, "message": "Tell your friends about us:", "action": { "type": "button", "text": "Share on Facebook", "verb": "share", "service": "facebook" } }, { "name": "Google", "match": { "referrer": "google.com" }, "message": "If you like this page, let Google know:", "action": { "type": "button", "text": "+1", "verb": "share", "service": "google_plusone_share" } } ]}); </script>

0 comments:

Post a Comment

 
Toggle Footer