Main Page
How to add share button to your blogger/wordspress
Media share gadget for blogger.com is a sharing tool made up of HTML code to make or beautifies your website by engaging it with share buttons that enable your site visitors to share your contents across their various social media handles.
To day social networking platforms has introduced a new way in which we can integrate gadgets, widget to our blogs even without a coding skills .
For one to achieved good traffic from across the world one most make use of this sharing tools .
Sharing tools like Addthis, Shareholic ,Addtoany e.t.c . This are free sharing button HTML to import into any website easy.
Sharing widget increases page visitor , engagement if used accurately.
On a normal ground sharing widget appears before or after neither within the bottom of a post, top , sides, The huge advantage about using this widget is engagement, And the popular most used sharing widget happens to be floating vertical share widget.
There are many other sharing layouts but floating works best when it Comes to sharing widget tools.
Now let’s get started;
How To Add a Floating Social Sharing Widget To Your yBlog:
Step 1 : login to your blogger Dashboard
Step 2 : Enter Layout -> Add the Widget
Step 3 : Within the Column- Click ” HTML/ JavaScript
Step 4 : Copy the codes below and paste it to the “Content” HTML layout column
[NOTE : “Title” section should be Blacked]
<!– AddThis Button BEGIN –>
<div class=”addthis_toolbox addthis_floating_style addthis_32x32_style” style=”left:50px;top:50px;”>
<a class=”addthis_button_facebook”></a>
<a class=”addthis_button_twitter”></a>
<a class=”addthis_button_pinterest_share”></a>
<a class=”addthis_button_linkedin”></a>
<a class=”addthis_button_google_plusone_share”></a>
<a class=”addthis_button_stumbleupon”></a>
<a class=”addthis_button_compact”></a>
</div>
<script type=”text/javascript”>var addthis_config = {“data_track_addressbar”:true};</script>
<script type=”text/javascript” src=”//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51f184b5319b19ad”></script>
<!– AddThis Button END –>
Step 5 : Enter the “Save Button” to finish your setting
Now visit your blog to experience the new look.
I hope you learned one or two things from pier today blogger tutorial class , I look forward to seeing again on this blog , kindly hit to subscription button to subscribe to our list membership group, by doing this , you get any of our updates first .
Comments