Do you want to integrate your WordPress blog with a social floating sidebar with share buttons just like Mashable? If yes, this post will guide you to add and setup floating sidebar share box, share buttons before content and share buttons after content. If you are a regular reader of Mashable blog, you would be familiar with the sidebar floating share box. However, you can see a live example of this floating bar provided by Digg Digg on the left sidebar of this blog.
Advantage to Add Floating Sidebar with Share Buttons to WordPress
Digg Digg is one of the most popular social sharing bars for WordPress blogs with over 488,023 downloads to date. Your content will be more social by tweets, shares, or +1′s when your sharing buttons are more visible. Floating share bar will always be visible on your blog’s sidebar while your page is being scroll down. In this way, your social sharing buttons are more visible to your readers, so there will be higher chances to shares your content by your readers. The more advantage to use Digg Digg share bar to your WordPress blog is that you may add share buttons to your content area, such as after content and before content. You may use Digg Digg share bar for both areas, such as in floating sidebar and in the content area. Therefore, here is how to add and configure floating share bar to WordPress.
Install Digg Digg Floating Share Bar with Share Buttons to WordPress
- Go to the plugin page of Digg Digg Floating Share Bar Plugin, and download the plugin to your desktop.
- Now, upload this plugin to your WordPress and activate it. Here is the process to Install a WordPress Plugin.
- Once you have installed and activated Digg Digg plugin, you will see an extra tab “Digg Digg” to your WordPress admin panel as shown in image below,If you see the option mentioned above, you have successfully installed Digg Digg share bar plugin to your WordPress blog. To configure the plugin follow the below steps.
Setup Digg Digg Plugin for Floating Share Bar and Normal Share Buttons for Before & After Content
- Go to your WordPress admin menu panel » Digg Digg » Global Config, and choose the settings you need as mentioned in below screenshot.For example, if you want to use a Twitter button in your share bar then write your Twitter username in the second option “Official Twitter Configuration” and do not forget to click on Save Changes. Similar, if you do not want to use Buffer button on your share bar, then you do not need to write anything under third option “Buffer Configuration.” These are the settings for this blog what we captured on this screenshot. These settings will work for both normal and floating display.
- Skip this step if you do not want to display your share buttons to before content or after content. Go to your WordPress admin menu panel » Digg Digg » Global Config » Normal Display,
make a tick on “Enable Normal Display” under first option “Status”. Choose the horizontal or vertical order to display your share buttons under second option “Display Configuration” where you may set to display your share buttons on the specific type of post, page, or category. Do not forget to click on Save changes.
In the third option “Button Selection”, you may control that which share buttons to show or hide into your content area by selection “none, left_float, right_float, before_content and after_content” under “Integration Type”.
- Select “none” for hiding the share button.
- Select “after_content” to display your share buttons after the content.
- Select “left_float” to display your share buttons before content from left to right positions.
- Select “right_float” to display your share buttons before content from right to left positions.
Under “Button Design”, you may choose the different style for your share button as “Normal”-big or “Compact”-small.
Under “Weight”, you may set your own value in weight for ordering the share buttons. For example, if you choose to display Facebook like and Twitter tweet button, and you want to show Facebook like button before Twitter tweet button then you have to set the higher weight for Facebook like button than the Twitter tweet button.
Under “Lazy Loading”, it will load your page content first before load the sharing buttons that causes to speed up your blog. I recommend you to tick on this option for lazy loading.
Once you have selected to display the share buttons to the content area, do not forget to click on Save changes.
- In this step, you will learn to display your share buttons in the floating bar. Go to your WordPress admin menu panel » Digg Digg » Global Config » Floating Display,make a tick on “Enable Floating Display” under the first option “Status”, and click on Save changes. Choose other options for your need in second option “Display Configuration”. In the last option “Button Selection”, choose buttons to display on the floating share bar by making a tick on “Enabled”. You may choose to set your own weight and use lazy loading functionality (for info about weight and lazy loading, read the second step mentioned above. I have already described it). Finally click on Save changes.
You have successfully installed floating share bar buttons on your WordPress blog.