Show Mobile Navigation
,

Groom Floating Pro Social Bookmarking Widget for Blogger

Hemant Verma - 5:30 PM

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



If any Problem Comes, Ask in Comments


11 comments:

  1. @TarunThank You Tarun I'm Happy to your Reaction.

    Keep Stay Tune with Us.


    Thanks & Regards,
    Hemant Verma

    ReplyDelete
  2. @Hemant VermaDude I'm always here and also bookmark and subscribe your site.
    even 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.

    ReplyDelete
  3. @TarunHappy to see that You liked that and I'll post it after some time just stay tune with us.

    ReplyDelete
  4. wow cool I like this social bookmarking style thanks for sharing this really helped to me keep it dude.

    ReplyDelete
  5. Hi,
    guys 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

    ReplyDelete
  6. One Way Backlinks offer a variety of text link services to help you obtain higher search engine rankings gold promotion

    ReplyDelete
  7. If 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

    ReplyDelete
  8. Thanks meant for sharing this type of satisfying opinion, written piece is fastidious, that’s why I’ve read it completely.https://www.sistasearch.com

    ReplyDelete
  9. Thank you I am glad about the encouragement! I love your site, you post outstanding.http://jumpstartseo.co.nz

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS