Skip to main content

How To Add Smart Floating Social Share Bar To Blogger And WordPress

I have already post regarding floating social share buttons in my previous post  How to Add Floating Social Share Button To Blogger / WordPress. In the previous post I show you how to add simple social share bar buttons. In the previous post, I have also shown it in differed ways.

But smart floating social share buttons gives an extraordinary look of your blog as well as it locates extremely left side of your blog. But in this post, I teach you how to add Smart Floating Social Bar buttons extremely left side of your blog.

Social share buttons help bloggers or website owners to share their online contents on social networking sites like Facebook, Twitter, Google+, LinkedIn, Pinterest etc. You can add floating social share buttons either left side or right side to your blog. But the best position is left side. You can add social share buttons just after end of the each blog post also.

There are many ways to add social share button to your blog / websites. No matter where your blog is hosted. You can easily add this widget to your blog.

I have seen smart floating social share bar in many blogs or websites. But by default all have only five buttons to share your blogs. But I have customize the code for ten social share buttons. You can see my blog and other blogs. You will see the difference.

Read also How to add related post widget

                  How to add related post widget with thumbnail

This trick is very simple. No programming knowledge is required. This process works on both blogger and wordpress blog. Like my previous tricks you can also customize this gadget for a certain limit.

You can add this gadget to your blogger / wordpress blog in two ways. Here I will show you both process.

Process 1.

This is the copy and paste process. There are some codes below which are taken from AddThis. In this process you just need to copy the below codes first.

<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/ to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-532001536456a2bc"></script>
<script type="text/javascript">
  var addthis_product = 'blg-1.0';
  addthis.layers({
    'theme' : 'transparent',
    'share' : {
      'position' : 'left',
      'numPreferredServices' : 10
    },
    'follow' : {
      'services' : [
        {'service': 'facebook', 'id': 'maniruddinmansuri'},
        {'service': 'twitter', 'id': 'allbloggerbuzz'},
        {'service': 'linkedin', 'id': 'ManiruddinMansuri'},
        {'service': 'google_follow', 'id': '+ManiruddinMansuri1'},
{'service': 'pinterest', 'id': 'maniruddin'},
{'service': 'tumblr', 'id': 'maniruddin'},
        {'service': 'youtube', 'id': 'mcomindia'}
      ]
    },
    'whatsnext' : {},
    'recommended' : {}
  });
</script>
<!-- AddThis Smart Layers END -->
<div style="clear: both;font-size: 9px;text-align:center;"><a style="color: #3399BB;" href="http://www.allbloggerbuzz.com">Get This Widget</a>
</div>
After copying the above codes you need to do the following steps for blogger and wordpress.

Read also How to add simple floating social share button

How to add to blogger

Step 1. Login to your blogger account
Step 2. Click Layout which is located left side
Step 3. Click Add a Gadget

Step 4. Scroll down and select HTML/JavaScript from Popup Window

Step 5. After that paste the above copied code inside the Content box. see the below image.


Step 6. After pasting the code click Save 

Step 7. Click Save arrangement

You have done for blogger. Click View blog. Now you will  able to see the smart floating social share bar extremely left side of your blog.
Watch this video

How to add to WordPress

Step 1. First Login to your wordpress account
Step 2. Go to Widgets
Step 3. Select a Text widget
Step 4. And now paste the above code to the text widget.
Step 5. Click Save to save the widget.

Process 2

In the second process you need to go to http://www.addthis.com/ and after providing your facebook, twitter, google+, linkedin profile address click Install Blogger Widget. If you select platform WordPress then you see Install WordPress PluginOnce you click Install Blogger Widget add page element window opens. 

On the add page element window you need to click Add Widget. If you are not login to your blogger or wordpress account before doing this process, it asks for login. Once you login to your account the gadget will be installed.

Thanks for reading the post. Let me know whether you have added floating social share bars to your blog. Also let others to experience this feature by sharing this post on your social networks.



Recommended Post
Big on Hosting. Unlimited Space & Unlimited Bandwidth

Comments

  1. Thank you very much for this, :-)

    ReplyDelete
  2. I really liked this post and was looking for some widget like this for over a month. thanks a lot..... visit my blog on goo.gl/lrq4YU

    ReplyDelete
  3. Thanks.. it's really helpful.. visit my blog http://tokens4you.blogspot.in/

    ReplyDelete
  4. Thanks. Really appreciate it! Now my blog looks and perform well. Keep up the good works.

    ReplyDelete
  5. I just want to let you know man
    You are the best
    thank you very much sir

    ReplyDelete

Post a Comment

Popular posts from this blog

How To Change Default File Download Path in UC Browser

All of us known that UC browser is the most popular, fast and less data consuming mobile browser for android devices. Many of us use UC browser on daily basis on our smart phones. By default UC browser has download path to internal memory device which is /storage/sdcard0/download. sdcard0 is the built in memory or internal memory of your device. Read also : How to fix HTTP and HTTPS Mixed Content Errors.

Do you know that this default download path can be changed? Since, internal memory is fixed, and once you exceed this value you can't download more. You need to move some data from mobile memory to the external memory which is sdcard1. If you change this default path to external memory card (sdcard1), you can download more data directly to your desired directory. Read also : How to Setup AdSense Page Level Ads and Fix Script Error.

Here, I will show you, how to change this default download path from internal memory card sdcard0 to external memory card sdcard1. To do so you need to…

Calculation of Total Marks, Percentage, Division, Remarks, Maximum & Minimum Number of Students in MS Excel

In this post, I will help you to learn how to calculate total marks, percentage, division, maximum number, minimum number and remarks of students of a class very fast. At first you need to look over the above image very carefully. The above image shows the marks obtained by six students of a class.

Formula to calculate Total Marks of all students within seconds 

First you need to find out the Total Mark of a single student who is on the top of the list i.e, Mani. To calculate Total Mark of Mani, click on the Total Mark cell address of Mani i.e, H6 and then type the formula =sum(1st subject's cell address i.e, b6:last subject's cell address i.e, g6) and then press Enter on the keyboard or click anywhere on the worksheet. Here b6 and g6 are cell address of 1st subject (English) and last subject (Biology) of that student. Read also : How to Enable HTTPS for Blogger Blog.

After getting results, click on the resultant cell address of Total Mark of the 1st student i.e., Mani an…

How To Rename A WhatsApp Group

We all know that WhatsApp is the most popular messaging service for Android, BlackBerry, iPhone and for other platforms. In this post, I will show you how to rename an existing WhatsApp group. To rename an existing WhatsApp group your smartphone must have internet connection. After that you need to follow the below steps. Read also : How to track lost/stolen mobile phone and erase data remotely.


Step 1. Open WhatsApp application on your smartphone.

Step 2. After that you need to click CHATS tab and click on your group name.



Step 3. Once you click on your group name, you will able to see chat details. Now you need to click vertical dots located extremely top right corner and then click Group info. Read also : How to setup AdSense page level ads.


Step 4. Now you can easily rename your group. To rename the group just click Edit icon and then type the desired group name and click OK. Read also : How to protect your computer from WannaCry ransomware virus.


In this way you can rename a What…

Change UC Browser Default Homepage in Android Phones

We all know that Android OS operated Smartphones and Tablets are great for web browsing. Like other browsers, uc browser has a default search engine Yahoo is set for web search. UC browser provides different kind of search facilities under 5 different categories namely Web, Video, Shop, Image and APP. Read also : How to protect your computer from WannaCry ransomware virus.

In this post, I will show you how to change the default search engines of uc browser in Android devices for their 5 different categories. To do so you just need to follow the below steps. Read also : How to Enable HTTPS for Blogger Blog.

Change Default Homepage for UC Web search

Step 1. At first you need to open UC browser
Step 2. After that click Search. Follow the below image.


Step 3. Once you click Search, you will able to see the default search engine's icon for Web search like y for Yahoo, g for Google. Now you need to click that search icon. Follow the below image. Read also : How to change UC browser defaul…

Enable Auto Save Forms & Passwords in UC Browser

Many of you use UC browser on daily basis on your smart phone but very less enable this feature. Enabling auto save forms and passwords allows the browser to remember the username and passwords. It gives you relief from entering username & password every time whenever you login to your email. Did you enable auto saving form & password? If not, then do it now. Read also : How to track lost/stolen mobile phone and erase data remotely.

In this post, I will show you how to enable auto save forms & password in UC browser in your Android phones. To do so you need to follow the below steps.

Steps to enable auto save forms and passwords

Step 1. At first open UC browser

Step 2. In the second step, tap on the horizontal bar.


On the next image, you will able to see Bookmarks, History, Refresh etc. icons. Now swipe this menu screen to the left and tap Settings. Read also : How to create custom AdSense Search Engine and make money from it.


Step 3.  Now on the Browser Settings, you w…

How To Add AdSense Ad Anywhere Inside Blog Post

We all know that AdSense is one most preferred affiliate money making program run by Google. AdSense is a cookie based contextual advertising program that shows targeted ads, relevant to the content and reader of a website. I had already showed you how to add AdSense ad below post title and AdSense ad below blog post. In this post, I will show you how to add AdSense ad inside blog post together with AdSense ad below post title and AdSense ad below blog post. To add AdSense ad inside your blog post you need to perform the below steps carefully. Read also : How to protect your computer from WannaCry ransomware virus.

Steps to Create AdSense ad

To create AdSense ad code follow the below the five steps.

Step 1. At first you need to create AdSense ad. To create AdSense ad, login to your AdSense account.

Step 2. After login, click My ads and then click New ad unit

Step 3. Now you have two options to choose. One is Text & display ads and another is Matched content. You need to click Text …

Best Video Calling App For 2G, 3G, 4G and Wi-Fi Network

More or less every mobile subscriber wishes to chat with their contacts by seeing his/her infront of them. Now a days video calling becomes more popular in urban areas rather than rural areas. After the invention of 3G network it becomes a trend to chat with loved one through video calling. Read also : How to protect your computer from WannaCry ransomware virus.

But what happened if you have 2G network instead of 3G or 4G. Could you be able to chat with your loved one by seeing him on 2G network? There is a good news for those who wishes to see their friends or family members on mobile screen when they talk to them. There are many application software available on internet which provides video calling facility even on 2G network. Read also : How to Setup AdSense Page Level Ads and Fix Script Error.

Although there are many video calling applications are available, among them my recommendation is IMO. Because IMO provides fast, free and high quality video calling facility to its members…