I created a widget generator for you with some important options.
To view demo of this widget please click on following link
Features
- 5 subscription buttons
- jQuery Animation
- Effective CSS3 Animation
- Color Selectable base button
View Demo
- Go to Template->Edit HTML [A dialog box appears click Proceed]
- Copy and paste the below code <head> and save it
<!-- MohandisBlog Spraying subscription buttons Widget start -->
<style type="text/css">#circle-mod{bottom: 0 !important;left: 5px !important;position: fixed;}#container-circle{position:relative;height:150px;width:100px}#base-button{background:-moz-linear-gradient(top,#2a83cc 0,#155596 100%) #155596;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2a83cc),color-stop(100%,#155596));background:-webkit-linear-gradient(top,#2a83cc 0,#155596 100%);background:-o-linear-gradient(top,#2a83cc 0,#155596 100%);background:-ms-linear-gradient(top,#2a83cc 0,#155596 100%);background:linear-gradient(top,#2a83cc 0,#155596 100%);border:4px solid #fff;text-decoration: none;z-index:9999;cursor:pointer;border-radius:50px 50px 50px 50px;box-shadow:0 1px 3px rgba(0,0,0,0.5);color:#fff;font:68px Arial;height:80px;left:0;padding:0;position:absolute;text-align:center;top:0;width:80px}.btn{position:absolute;height:50px;width:50px;border-radius:25px;top:15px;left:15px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;-ms-transition:all 250ms;transition:all 250ms;box-shadow:0 1px 3px rgba(0,0,0,.5)}#netoopsblog-fb.open{top:-125px;left:25px}#netoopsblog-fb.open.clicked{top:-135px;left:15px}#netoopsblog-tw.open{top:-105px;left:80px}#netoopsblog-gplus.open{top:-75px;left:125px}#netoopsblog-rss.open{top:-30px;left:160px}#netoopsblog-mail.open{left:175px;top:25px}.plus{-moz-user-select: none;-moz-transition:all 200ms ease-in 0s;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in}.rot{-moz-transform:rotate(137deg);-o-transform:rotate(137deg);-webkit-transform:rotate(137deg);transform:rotate(137deg)}</style><script type="text/javascript">var delay=40,delayTime;$(function(){btns=$(".btn");$("#base-button").toggle(function(){$("span.plus").addClass("rot");btns.each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.addClass("open")},delayTime)})},function(){$("span.plus").removeClass("rot");$($(btns).get().reverse()).each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.removeClass("open")},delayTime)})})});</script><a href="http://netoopsblog.blogspot.com" style="position:absolute;z-index:-11"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTVNo5HeOAM9K_ZRPCxlLypMXepDVzyzkz3Q77GGNF3GV4TWpo-_tyHioOBkdRNcfhZw51JPwig3wxp5WWF5qO4a8c1kMLYali8VCcA8QY-2gd3AXKmpCs5TNO5wxfE9FXhLjAlNNhrt4/s1600/1x1juice.png" /></a><div id="circle-mod"><div id="container-circle"><a id="netoopsblog-fb" class="btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBKcu89hqpzs8YXl1v19WuB2neBUdxhNX3wYEVa9KOJFweaoi5hxKnmOP8FHg5uyEGTG_nondwMnTQwcarL1J8WPn5xpSCqc2RpSJVF96MlP3h88fwlSJNVWmcs1ANwZ7UehPsZrSP9E/s1600/netoopsblog_share+buttons2.png) repeat -1px 0" href="https://www.facebook.com/bestcollection4u"></a><a id="netoopsblog-tw" class="btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBKcu89hqpzs8YXl1v19WuB2neBUdxhNX3wYEVa9KOJFweaoi5hxKnmOP8FHg5uyEGTG_nondwMnTQwcarL1J8WPn5xpSCqc2RpSJVF96MlP3h88fwlSJNVWmcs1ANwZ7UehPsZrSP9E/s1600/netoopsblog_share+buttons2.png) repeat -52px 0" href="http://twitter.com/manibadasha33"></a><a id="netoopsblog-gplus" class="btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBKcu89hqpzs8YXl1v19WuB2neBUdxhNX3wYEVa9KOJFweaoi5hxKnmOP8FHg5uyEGTG_nondwMnTQwcarL1J8WPn5xpSCqc2RpSJVF96MlP3h88fwlSJNVWmcs1ANwZ7UehPsZrSP9E/s1600/netoopsblog_share+buttons2.png) repeat -157px 0" href="https://plus.google.com/u/0/108916738478783105887"></a><a id="netoopsblog-rss" class="btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBKcu89hqpzs8YXl1v19WuB2neBUdxhNX3wYEVa9KOJFweaoi5hxKnmOP8FHg5uyEGTG_nondwMnTQwcarL1J8WPn5xpSCqc2RpSJVF96MlP3h88fwlSJNVWmcs1ANwZ7UehPsZrSP9E/s1600/netoopsblog_share+buttons2.png) repeat -105px 0" href="http://feeds.feedburner.com/manibadasha"></a><a id="netoopsblog-mail" class="btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBKcu89hqpzs8YXl1v19WuB2neBUdxhNX3wYEVa9KOJFweaoi5hxKnmOP8FHg5uyEGTG_nondwMnTQwcarL1J8WPn5xpSCqc2RpSJVF96MlP3h88fwlSJNVWmcs1ANwZ7UehPsZrSP9E/s1600/netoopsblog_share+buttons2.png) repeat -210px 0" href="http://feedburner.google.com/fb/a/mailverify?uri=manibadasha33"></a><a id="base-button"><span class="plus">+</span></a></div></div><a href="http://netoopsblog.blogspot.com" rel="dofollow"></a><!--Blog Widget m4mohandis.blogspot.com -->
0 comments:
Post a Comment