Add floating sharing widget in blogger. 1

| | , , , ,

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

PREVIEW:-










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{
position:fixed;
margin-right:10px;
left:0;
top:40%;
}
.flt-wdt img{
float:left;
clear:left;
margin:5px;
-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='http://lh5.ggpht.com/_-BRP4LFLyWc/TF9ilPkp6dI/AAAAAAAAAOc/PcPBai-CC1w/s800/facebook_32.png'/></a>
<a href='YOUR TWITTER URL HERE' target='_blank' title='Follow me on Twitter'><img alt='Follow Bloggerative on Twitter' src='http://lh3.ggpht.com/_-BRP4LFLyWc/TF9itMXbYpI/AAAAAAAAAOo/2Q_aSSa6S00/s800/twitter_32.png'/></a>
<a href='YOUR FEEDBURNER URL HERE' target='_blank' title='Subscribe to RSS'><img alt='Subscribe to RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6KXvnAsym2s8vahrpxQGe3jh-Lggh-ErBgi3u5-ONZ9_l88obvyiaJviC6l09Iduuet_GUyJKX3tbRKnsdgp99FcoVHuvgx6zU2KpdxDsSqmuO7QqVNF0Oe11bq92lCKrYj_DMzF_C2M/s1600/rss.png'/></a>
<a href='YOUR CONTACT URL HERE' target='_blank' title='Contact Us'><img alt='Contact Bloggerative' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW76um7oPT2L56XyIVmg_6gn6ei5tdCe8wEP1cdDDdXCmchA_UZOXiT-_ZAr6Aq3FQapXxlHaCZW-doAmzmtcw8BgMoymOgP7sl0r2V3lnLxYs67lyl7hifEwwxfJPvkJUU6jDNjef7J8/s1600/email.png'/></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! Del.icio.us 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.

Categories

Select Your Categories