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

After the previous widget of Stylished Footer Bar, i am here to share a new awesome and stylish social widget that is just as before but now it is eating less space of yoy webpage or even will not take your post space if you are using left right sidebar in blogger.This widget is simply awesome and stylish with all the latest trented social buttons and links to get your social profile heavly loaded from your fans, it contains Show/Hide features that is working without Or $ tag means no JavaScript Or Jquery and it leads to a quick load time and a faster responcive site, It contain DOM effect with HTML and CSS only.It is fully customizable so that you can customize the text with your desaired data and the text will apper in Close/Open button too from that you can attrat your visitors too. There is facebook, twitter, googleplus, and rss links with awesome hovered 3D images that you will understand after viewing the demo, There is also a FeedBurner EMail subscribe with awesome and stylish added gadget, There is not a lot of images and the rest of images is highly optimized with alt and title tag so that this widget is also optimized.It will remain fixed throughout the scrolling of page and work better, the simple background shade is also CSSed, finally you will never understand what i am trying to say so without any more time delay, you should visit the DEMO so you will bw able to understand what i am trying to say. #Demo {padding: 5px;border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px; background:#F8F8F8; box-shadow: 3px 3px 3px #D44B2C; width:185px; } #Demo{margin-bottom:5px;} #Demo a{color:#D44B2C;background:#F8F8F8;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;text-decoration:none;text-transform:uppercase;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #Demo a:hover{color:#fff;text-shadow:0px 1px 0px #000;background:#D44B2C;text-decoration:none} CLICK HERE TO SEE DEMO Features:1.) Like Us On Facebook Text With Icon.2.) Follow Us On TwitterText With Icon.3.) Add Me In Circle With Icon.4.) Subscribe Our RSS With Icon.5.) E-Mail Subscribtion Form Powred By FeedBurner.6.) Show/Hide Or Open/Close Button Without JavaScript Or JQuery.7.) Pure HTML-CSS Code.8.) No JavaScript Or JQuery Code.9.) Quick To Load And Easy To Install.10.) Awesome And Stylish In Look.11.) Cross Browser CSS Gradient Background.12.) 3D Icon And More Awesome On Hover Or Mouse Over.13.) Add Custom Text With Your Desiter.14.) Only 4-Images+Hovers And Rest Of Code.15.) Increase Your Social Network Increadibly.16.) Optimized Images With Alt And Title Tag.17.) For Right SideBar Websites And Blogs.18.) 300×250 Pixel Wide Widget.19.) DOM Effect Enabled.20.) HTML4 And CSS2 For Able To Support Old Browsers.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.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. /*********************************************** * EXE-SlideUp Social Widget- © EXEIdeas (www.exeideas.com) * This notice must stay intact for use. * Visit https://www.exeideas.com/ for full source code. ***********************************************/ #exefixedfootermain{width:300px;height:300px;position:fixed;bottom:0%;right:5px}#exefixedfooterdiv{border-top:3px solid #444;border-right:3px solid #444;border-left:3px solid #444;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background-image:url(images/exe-footer-background.png);background-color:#d7d7d7;overflow:none;width:300px;height:250px;position:fixed;bottom:0%;right:5px;background:#fff;background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #fff 0%,#e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e5e5e5',GradientType=0 )} #exefixedfooterhide{ position:absolute; bottom:250px; right:5px; width:285px;height:25px;cursor:pointer;background-image:url(images/exe-footer-background.png);background-color:#fff;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px}#exefixedfootershow{ position:absolute; bottom:0px; right:5px; width:285px;height:25px;cursor:pointer;background-image:url(images/exe-footer-background.png);background-color:#e5e5e5;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px}.exefixedfooterdownarrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333}.exefixedfooteruparrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333}.exefixedfooterblockarrow{width:8px;height:10px;background-color:#333}#exefixedfootersocial{ position:absolute; bottom:220px; right:10px; width:280px;height:30px;float:right}#exefixedfootersocialicon{ position:absolute; bottom:135px; left:10px; width:auto;height:64px}#exefixedfooteremailsubscribe{ position:absolute; bottom:0px; width:242px;height:90px;right:30px}.exefixedfooteremailsubscribebox input.email{padding:7px 10px 7px 10px;font-family:"Arial","Helvetica",sans-serif;width:218px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.exefixedfooteremailsubscribebox input.subscribe{ -moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');background-color:#f0f0f0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:arial;font-size:13px;font-weight:bold;padding:6px 18px;text-decoration:none;text-shadow:1px 1px 0px #fff}.exefixedfooteremailsubscribebox input.subscribe:hover{background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9} .exefixedfooteremailsubscribebox input.subscribe{width:243px} .gradient{filter:none} Be Socialized And Subscribed Be Socialized And Subscribed Recive All Latest And Hottest Articles,Tips And Tricks,Awesome Widgets Directly Into Your Inbox And Stay UpDate With Us...!!! <img height="48px"width="48px"title="Like Us On Facebook"alt="Facebook"src="http://1.bp.blogspot.com/-tx_vF9eQ4-0/UDTfscLT45I/AAAAAAAABnc/xpo5WKfAR5M/s1600/Facebook+Icon.png"onmouseover="this.src='http://3.bp.blogspot.com/-CW5UXw9tlJ4/UDTftHq12XI/AAAAAAAABnk/OYNJ1Z9KDi8/s1600/Facebook+Rollout+Image.png'"onmouseout="this.src='http://1.bp.blogspot.com/-tx_vF9eQ4-0/UDTfscLT45I/AAAAAAAABnc/xpo5WKfAR5M/s1600/Facebook+Icon.png'"/> <img height="48px"width="48px"title="Follow Me On Twitter"alt="Twitter"src="http://3.bp.blogspot.com/-xs-A-sxI5Rg/UDTfxKZSl5I/AAAAAAAABoM/4lSjbIAwLn4/s1600/Twitter+Icon.png"onmouseover="this.src='http://4.bp.blogspot.com/-Av3BgeByurw/UDTfxgVGqYI/AAAAAAAABoU/4BmnsYNK6JE/s1600/Twitter+Rollout+Image.png'"onmouseout="this.src='http://3.bp.blogspot.com/-xs-A-sxI5Rg/UDTfxKZSl5I/AAAAAAAABoM/4lSjbIAwLn4/s1600/Twitter+Icon.png'"/> Like Us On FaceBook Follow Us On Twitter <img height="48px"width="48px"title="Add Us To Your Circle"alt="Google Plus"src="http://2.bp.blogspot.com/-N5kf9ym1mWk/UDTfvIvzklI/AAAAAAAABn8/jCexUi767Ko/s1600/Google+Icon.pngE"onmouseover="this.src='http://3.bp.blogspot.com/-viLihCxmAMo/UDTfvlGxnzI/AAAAAAAABoE/kfF_v8Rq_7U/s1600/Google+Rollout+Image.png'"onmouseout="this.src='http://2.bp.blogspot.com/-N5kf9ym1mWk/UDTfvIvzklI/AAAAAAAABn8/jCexUi767Ko/s1600/Google+Icon.png'"/> <img height="48px"width="48px"title="Subscribe Our RSS"alt="RSS"src="http://4.bp.blogspot.com/-1s1g_MazmMc/UDTftg_jb1I/AAAAAAAABns/2JhD1VYDYfc/s1600/Feedburner+Icon.png"onmouseover="this.src='http://4.bp.blogspot.com/-464885HODoE/UDTfuVzBYKI/AAAAAAAABn0/-yMgRXt2hUA/s1600/Feedburner+Rollout+Image.png'"onmouseout="this.src='http://4.bp.blogspot.com/-1s1g_MazmMc/UDTftg_jb1I/AAAAAAAABns/2JhD1VYDYfc/s1600/Feedburner+Icon.png'"/> Add Me In Circle Subscribe Our RSS E-Mail Will Be Delivered By FeedBurner. Customization:1.) Change “EXEIdeas2010” With Your Facebook Name.2.) Change “EXEIdeas” WithYour Twitter UserName.3.) Change “102256859586166648016” With Your Google Plus ID Code.4.) Change “EXEIdeas” With Your FeedBurner UserName.5.) Change Black Bold Text With Your Desire One.6.) Save And Done.