As from the previous post related with bookmarking widget which liked by many visitors. So, today there is also a new and professional looking widget for blogger with shadow effect and mouse hover effect in the widget with blue groom widget. I give a name for it groom be'coz this is wedding season in India and today's my childhood friend will be a groom :-) and this wedding dress's color is same like this widget's blue background :-)
This widget is simply made by using the HTML CSS and some JavaScripts. We use JavaScript in this widget be'coz we have to make it float with scrolling down and scrolling up.
Add Groom Floating Widget
- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Layout
- Add a HTML/JavaScript Gadget
- Paste below code in it.
<link href="https://dl.dropbox.com/u/63968842/floting%20widget.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<div id="floatdiv">
<div id="sidebar">
<div id="rss"><a href="http://feeds.feedburner.com/WidgetGenerators" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rss','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHqV-nmHoZUTQyQsPPVqtEd1_KhjZEtRIm1O_vH4betZQEFwg6T8G-oY9WlfRibNZzXjZLv0seNoXbxrHlna71YX2ocRk-559HhSFOXnabBPzCsRdBkxZINsfd7IaK6uu_0Rs-f1Jc7pCg/s1600/rss-front.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj2Pl7mH7AMVuQndpbf2fRMNktRVs4RTAFGHLVOqDCy-nErqyMpLNZtgbdWz7RjoFUaowhTTtll4RsecOT9RoDXVvuMKlKPuzLtxVa2vUXou88zfLqC3pC15MaExZduh-irct2e68EYYdz/s1600/rss-back.png" alt="My RSS Feed" name="rss" width="48" height="48" border="0" id="rss2" /></a></div>
<div id="youtube"><a href="http://www.youtube.com/WidgetGenerators" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('you tube','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqCoYXhuiJnNDxNEDqx2kbHzwzpZ91GAe6eVrcDoIUBCsQwaFEHCafZA_mO5yxc_CkJSdzzRUU6LeURNX1k09c3eSq_BOac4_WkL1vEF5dBi7bu160JQz6oyBfu_r7Lm9W6w0bGojEV2nG/s1600/youtube-front.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTRhqaNYYKnCBYePGTRt5bHv877_1DyulpY2yVM8OC8Mt_RKeLd4aBItXxwaCB-xb1UjV4ybnTR5SwRuOFiJqNwpMdqALAMHDdRX7RmToJaUTh5KbNsxQ6YcGDWPMkz-h-eIWGrcIvvyk6/s1600/youtube-back.png" alt="My YouTube Channel" name="you tube" width="52" height="44" border="0" id="you tube" /></a></div>
<div id="twitter"><a href="http://www.twitter.com/WidgetGenerator" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('twitter','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyQJoEymh5xUQCgaa7VHthGXDKftFiAVDPCyKJS9mPqowR62aGjyWNrqtFP1ZUoVVtTXNq1ysGIIs_1oe17ANwk61NGMcfKdv2i1TBZzncGULbho1zAFPicdkpKlMFZ352MHlaWlblKQz/s1600/twitter-front.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5lNjNDw00bGpHuczfWkJ11TdIltod-W3yDbET8WUF5W67RWOFI2NCpXoCRb6kt2t9fyqNQzwcHTBxKs9zIfx3qjIsFhjIFOwxZpdSiKKNtAhLv65ya7vEf1lKhdMNddAIBIOit8LBSyY9/s1600/twitter-back.png" alt="My Twitter Feed" name="twitter" width="53" height="53" border="0" id="twitter2" /></a></div>
<div id="contact"><a href="http://www.facebook.com/WidgetGenerators" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVPkoF9SGZ2buYJ5oSAWY9HDgxJBQaDI5bvWPbpPFnKxvmd2r3dmvbwHknmR-hlRkBz_nDps3-nMaOG7p_2gFJITxIT1Fa8KaKv6huKoE3D4gbiOgRIVO7Tbql0K5TXKKOUBh813fMctdy/s1600/facebook-icon.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5jUmq0fEnNzy5JYwYri8ws_D3yHVZwyqjhTbOE-n8qrT0iDNW94-3wNm9ibJj7oAUba408G_7IEadrxpYbiiR4-kCqx3YarySRHx5GE1cjVzzCRGCtLwcKM1gyipSLiTqjA_G5PUMIT2S/s1600/facebook_icon.png" alt="Facebook" name="contact" width="42" height="41" border="0" id="contact2" /></a></div>
</div>
</div>
<script type="text/javascript" src="https://dl.dropbox.com/u/63968842/floting%20widget.js"></script>
- Now Save Your Widget and You are done.
Make Changes....!
- Replace this text with your RSS username WidgetGenerators
- Replace this text with your Youtube usename WidgetGenerators
- Replace this text with your Twitter username WidgetGenerator
- Replace this text with your Facebook username WidgetGenerators
very pro
ReplyDelete@TarunThank You Tarun I'm Happy to your Reaction.
ReplyDeleteKeep Stay Tune with Us.
Thanks & Regards,
Hemant Verma
@Hemant VermaDude I'm always here and also bookmark and subscribe your site.
ReplyDeleteeven ur thnx
hey.......! can u give me this fb and twitter home widget which u used in ur blog just above advertise here widget. i like when they spin after mouse touching.
@TarunHappy to see that You liked that and I'll post it after some time just stay tune with us.
ReplyDeletewow cool I like this social bookmarking style thanks for sharing this really helped to me keep it dude.
ReplyDeleteHi,
ReplyDeleteguys try to do seo with the help of social bookmarking site list 2013 and get more traffic now visit here and get site list
http://seobookmarkingsite.blogspot.com
Nice Social Buttons.
ReplyDeleteOne Way Backlinks offer a variety of text link services to help you obtain higher search engine rankings gold promotion
ReplyDeleteIf somebody wants expert take on the main topic of blogging next I advise him/her to go to this site, continue the fussy job.Monthly Social Sharing Packages
ReplyDeleteThanks meant for sharing this type of satisfying opinion, written piece is fastidious, that’s why I’ve read it completely.https://www.sistasearch.com
ReplyDeleteThank you I am glad about the encouragement! I love your site, you post outstanding.http://jumpstartseo.co.nz
ReplyDelete