2013 January 15 Archive - EXEIdeas – Let's Your Mind Rock

Another Hack To J-Query..!!!It’s Pure CSS But With J-Query Effect That Make It 99.99% Same As J-Query Widget That I Have Posted Earliers In Two Version…1.) Facebook, Twitter, Google Plus, Subscribe J-Query PoP Out Widget For Your Blog & Website2.) Facebook, Twitter, Google Plus, Subscribe, YouTube J-Query PoP Out Widget For Your Blog & WebsiteBut This Is Pure CSS. Now The Simple Question Is That We Are Going To Solve Is “How To Add Stylish And Awesome CSS Slides-Out Social Widgets For Blog And Website To Spice Them Up And Can Get More Real Fans And Followers?”Before Proceeding You Have To View The DEMO So That You Can Understand What I Am Try To Say. This Is Basically Based Of Transition Effect So It Will Not Work On IE, The Demo Is Of J-Query Widget That Will Work On All Browsers But This Widget Work 99.99% Same As J-Query Did. It Has A Lot Of Features So Before Proceeding You Have To See The List Of Features That Will Ensure You What You Are Going To Add In Your Site/Blog. Features:1.) Full CSS, Not A Single Line Of J-Query/JavaScript Code.2.) Slide Out With Smooth Effect On Mouse Hover.3.) 5 Stylish Widget Of Social Network With RSS And E-Mail Subscription Box.4.) Facebook Awesome Big Fans Widget.5.) Twitter Stylish Big Followers Widget Like Facebook. 6.) Google Plus “Add To Circle” Beautiful Widget.7.) YouTube Subscribers Awesome Widget.8.) RSS Feed And E-Mail Subscription Box.9.) Quick To Load And Easy To Install.10.) Awesome, Simple, Stylish And Beautiful Designed Latest Widget.11.) It Will Not Work On IE.(Work On Chrome, FireFox, Safari, Opera)12.) For Blogspot And Website Also.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire Blog.3.) Go To Layout.4.) Click “Add A Gadget” Where You Want To Add It.5.) Now Scroll To “HTML-JAVASCRIPT”6.) Click “+” Icon To Add It.7.) Now Copy The Below Code And Paste It To There.8.) Leave The Title Empty.9.) Click Save, Now You Are Done. #fornetscape {display:none;} /************************************************ EXE-SlideOut Social Widget- © EXEIdeas (www.exeideas.com)* This notice must stay intact for use.* Visit https://www.exeideas.com/ for full source code.***********************************************/div.facebook-main {width: 270px;top:8%;right:-234px;position:fixed;}div.facebook-main div.facebook-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.facebook-main div.facebook-transition iframe {border:0px;overflow:hidden;position:static;height:260px;}div.facebook-main:hover div.facebook-transition {margin-left: -234px;}div.twitter-main {width: 270px;top:25%;right:-234px;position:fixed;}div.twitter-main div.twitter-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.twitter-main:hover div.twitter-transition {margin-left: -270px;}div.googleplus-main {width: 270px;top:42%;right:-234px;position:fixed;}div.googleplus-main div.googleplus-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.googleplus-main:hover div.googleplus-transition {margin-left: -331px;}div.youtube-main {width: 270px;top:59%;right:-234px;position:fixed;}div.youtube-main div.youtube-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.youtube-main:hover div.youtube-transition {margin-left: -306px;}div.subscribe-main {width: 270px;top:76%;right:-234px;position:fixed;}div.subscribe-main div.subscribe-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.subscribe-main:hover div.subscribe-transition {margin-left: -226px;} fanbox_init("exeideas"); You Can Also Receive Free E-Mail Updates:

How To Add In Website?1.) Just Go To Your HTML File.2.) Now Copy The Below Code And Paste It Between .3.) Save It, Now You Are Done. #fornetscape {display:none;} /************************************************ EXE-SlideOut Social Widgets- © EXEIdeas (www.exeideas.com)* This notice must stay intact for use.* Visit https://www.exeideas.com/ for full source code.***********************************************/div.facebook-main {width: 270px;top:8%;right:-234px;position:fixed;}div.facebook-main div.facebook-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.facebook-main div.facebook-transition iframe {border:0px;overflow:hidden;position:static;height:260px;}div.facebook-main:hover div.facebook-transition {margin-left: -234px;}div.twitter-main {width: 270px;top:25%;right:-234px;position:fixed;}div.twitter-main div.twitter-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.twitter-main:hover div.twitter-transition {margin-left: -270px;}div.googleplus-main {width: 270px;top:42%;right:-234px;position:fixed;}div.googleplus-main div.googleplus-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.googleplus-main:hover div.googleplus-transition {margin-left: -331px;}div.youtube-main {width: 270px;top:59%;right:-234px;position:fixed;}div.youtube-main div.youtube-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.youtube-main:hover div.youtube-transition {margin-left: -306px;}div.subscribe-main {width: 270px;top:76%;right:-234px;position:fixed;}div.subscribe-main div.subscribe-transition {-webkit-transition: margin-left 0.5s linear;-moz-transition: margin-left 0.5s linear;-o-transition: margin-left 0.5s linear;-ms-transition: margin-left 0.5s linear;transition: margin-left 0.5s linear;}div.subscribe-main:hover div.subscribe-transition {margin-left: -306px;} fanbox_init("exeideas"); You Can Also Receive Free E-Mail Updates:

Customization:1.) Replace EXEIdeas2010 With Your Facebook FanPage UserName.2.) Replace exeideas With Your Twitter UserName.3.) Replace EXEIdeas With Your YouTube UserName.4.) Replace 102256859586166648016 With Your Google Plus FanPage Code.5.) Replace EXEIdeas With Your FeedBurner UserName.6.)Save And Enjoy…