Add floating sharing widget in blogger. 1

| | , , , ,

Hello friends now add special floating share widget in blogger blog easily.


Follow simple and easy step to adding this share style in your blogger blog --->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>

.flt-wdt img{
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
.flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1.2) rotate(6deg);

* Now save your blogger template .

* Again go to your blogger Dashboard and click in design tab.

* Now you are here--->>> Page element.

* Click in add gadget which is in your blog sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.

<div class='flt-wdt'>
<a href='YOUR FACEBOOK URL HERE' target='_blank' title='Join me on Facebook'><img alt='Join Bloggerative on Facebook' src=''/></a>
<a href='YOUR TWITTER URL HERE' target='_blank' title='Follow me on Twitter'><img alt='Follow Bloggerative on Twitter' src=''/></a>
<a href='YOUR FEEDBURNER URL HERE' target='_blank' title='Subscribe to RSS'><img alt='Subscribe to RSS' src=''/></a>
<a href='YOUR CONTACT URL HERE' target='_blank' title='Contact Us'><img alt='Contact Bloggerative' src=''/></a></div>

NOTE:- Remove highlighted text in above code with your own ok.

* Now click to save your HTML/javascript and now you are done.

StumpleUpon DiggIt! Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add floating sharing widget in blogger. ~ Twitter FaceBook

1 Responses So Far:

chris said...

This gadget images are not work. Please correct it. This is great. Many thanks buddy.


Select Your Categories