Notification texts go here Contact Us Buy Now!

How to add share button to your blogger/wordspress

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

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
NextGen Digital Welcome to WhatsApp chat
Howdy! How can we help you today?
Type here...