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.
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
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