New Style Smooth Floating Social Bookmarking Widget With Pin It For Blogger 2013

New Style Smooth Floating Social Bookmarking Widget For Blogger 2013

 
Today I have a new Floating Social Media Bookmarker and Sharing Widget with Smooth Scrolling and new look. Sharing on social media we all know and I have already discussed deeply about benefits of Social Media, because its bring flood of traffic to our website.

 

How to Install New Smooth Floating Social Media Bookmarking to Blogger.

Simply go to Blogger.com > Blogger Dashboard
Then Backup you blogger template

Go to > Layout > Add a Gadget > HTML/JavaScript Widget (wherever you want but must be in sidebar) not in footer.

Then copy this following code and past in HTML/JavaScript Gadget.

Tweet

Get This

You have all done Now Check your blog home page.. I hope you will like my this widget.

Add Transparent Floating Horizontal Social Bookmarking Widget In Blogger 2013

Add Transparent Floating Horizontal Social Bookmarking Widget In Blogger 2013

Fixed Floating on Blogger Top Widget 

 
Another widget for blogger which I am also using in my blog then its come in mind why not I should Sharing this beautiful widget with all my visitors. I don’t have to show you demo of this widget to somewhere other website because you can see it in here my blog by scrolling down this page. Before I have shared such very useful widgets for blogs . This time what I am going to share it is Social Media Sharing Widget floating on the Top of blog when you scroll down page then it will appear on the top. I have attached above a live image of this Widget. Hope you all will like my this post.

How to Add Transparent Floating Horizontal Social Bookmarking Widget 

Go to Blogger Dashboard >> Template Tab >> Edit HTML >> Expand Widget by Click on Format Template.

Before any amendment or editing in template you must backup your template.

If you don’t have installed JQuery Plugin in your blog then follow this step otherwise leave this step in you have already JQuery installed.
Copy this script and past it before tag

Next step is find this code

 

May be you find this code more than 1 time so you have to try it in all. Now paste the following code below the

Now we have to add widget mean last step for the installation of this widget.

Copy below code and paste before the tag.

 

Awesome Slide Heart Shape Bookmarking Gadget To Blogger

Awesome Slide Heart Shape Bookmarking Gadget To Blogger

Add a Fixed Position Slide Open Heart Bookmarking Gadget To Blogger

In this post i want to show you a cool new way to have visitors sharing your blog posts.Share This has always been my Bookmark tool of choice and recently they added a cool new interactive Bookmarking gadget.The gadget in question is a love heart with the share this logo and on hover the heart splits to reveal a selection of bookmarking buttons.It looks awesome and the slide effect is very cool while still being practical.When the heart opens it reveals icons for Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.I think this gadget fixed in the corner of the page on your blog will grab the attention of visitors and generate lots more shares.So below is a tutorial showing you just how to do that, first check out the live demo.

Add The Split Heart Bookmarking Gadget Top Your Blog

Step 1. In Your Blogger Dashboard Click Design > Edit Html

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code 

Step 3. Copy and Paste the following code Directly Above / Before
 

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code

Step 5. Now Copy And Paste This Code Directly Above / Before

www.spiceupyourblog.com/">Blogger Wordpress Gadgets

Important, Move The Position Of The Gadget :

The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this.In yellow above you can see bottom: 2%; left: 2%;.You can change Bottom to top for it to be at the top of the page and left to right for it to be on the right of the page.You can also change the percentages to have it further from the bottom/top and left/right.

Step 6. Save Your Template.

Cool Fixed Position Slide Open Egg Social Bookmarking Gadget For Blogger

Cool Fixed Position Slide Open Egg Social Bookmarking Gadget For Blogger

In this post we have the same social bookmarking gadget but this time it will not be shaped as a heart but instead an ovel egg shape.The share egg sits in the bottom corner of your blog and remains fixed as the reader scrolls the page.On hover the egg slides open to reveal bookmarking buttons for your readers to share posts on Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.This is a great gadget to get the attention of your readers and have them bookmarking your posts.I have the tutorial to add the gadget to your Blogger blog below but first check out the screenshot and live demo. 

Add The Share This Egg To Your Blog

Remember Always Back Up Your Template Before You Make Changes

How To Add Share This Edd To Blogger

Step 1. In The New Blogger Dashboard Click The Drop Down Menu For Your blog And Choose > Template > Under your blogs screenshot choose "Edit Html" > Then Proceed, as shown in the video below.

 

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code 

 

Step 3. Copy and Paste the following code Directly Above / Before

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code 

 

Step 5. Now Copy And Paste This Code Directly Above / Before

www.gj37765.blogspot.com/">Blogger Gadgets

The Gadget is currently set to be in the minimal rightmost predicament of your blog but you can easily occurrence this.In Red above you can see side: 2%; remaining: 2%;.You can change Inferior to top for it to be at the top of the attender and unexhausted to just for it to be on the ethical of the attender.You can also change the percentages to somebody it more from the bottom/top and left/right.

Save Your Template.

That's it the gadget has been further to your blog.