2012 July 10 Archive - EXEIdeas – Let's Your Mind Rock

Since a few days ago, i was trying to make some widget like this that will remain as popup but not full worked as popup, It is not a page blocker as usually pop-ups are, you can use page without closing it. Some pop-ups provide Subscription box but they are useless because until visitor will not subscribe your E-Mail until they judge that Is You Providing Worthy Content? so for this kind of error here is the ans because here is the popup footer which have Close/Hide button and did not blocked your page, If visitor visits your page he can read your article without closing it or if he want to close he can do it and after reading he have full right to open again the subscription box with one click and will subscribe your E-Mail as well as social networks.In this Stylish CSSed EXE-Fixed Footer Bar With Show/Hide Button there is no JavaScript Or J-Query even Show/Hide function is CSSed so there is no need to worry about page load time and SEO. It is quick to load and easy to load and easy to navigate and also will worked with all browsers like IE-7+ and other major browsers.Therer are many other features so first see the list under Features title before proceeding. #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.) It Will Scroll All Over The Blog And Site.2.) POP UP Style.3.) Biggest Social Networks Link.4.) FeedBurner Subscription Form Embedded.5.) Stylish And Awesome Effect On Social Network Flags On Hovering.6.) A Big Space For Your Content With Full Layered PSD File Included.7.) Full CSSed And Without JavaScript And J-Query.8.) Show And Hide Function Is Also CSSed.9.) Quick Quick Quick To Load And Easy To Install.10) Simple, Awesome, Stylish And Beautiful Code With Design.11.) It Will Increase Your Social Fans And Followers With E-Mail Readers.12.) It Will Nor t Embraced Your Visitor Because It Is Not Like A POPUP.13.) Worked With All Major Browsers Like IE-7+ And Others Too.14.) Full Visitor Optimizes.15.) It Will Did Not Block Your Page.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-Fixed Footer- © EXEIdeas (www.exeideas.com)* This notice must stay intact for use.* Visit https://www.exeideas.com/ for full source code.***********************************************/#exefixedfootermain {width:100%; height:100px; position:fixed; bottom:0%; left:0%;} #exefixedfooterdiv {border-top: 3px solid #a0a0a0; background-image: url(https://lh3.googleusercontent.com/-0JjFbpwN5fY/T_ptQCicRUI/AAAAAAAACms/YCZIn3BupKg/s48/exe-footer-background.png); overflow:none; width:100%; height:100px; position:fixed; bottom:0%; left:0%;}#exefixedfooterhide{position: absolute;bottom: 100px;right: 5px;width: 30px;height: 25px;cursor:pointer;background-image: url(https://lh3.googleusercontent.com/-0JjFbpwN5fY/T_ptQCicRUI/AAAAAAAACms/YCZIn3BupKg/s48/exe-footer-background.png);padding-top:5px;border-top: 3px solid #a0a09e; border-left: 3px solid #a0a09e; border-right: 3px solid #a0a09e; border-top-right-radius:5px;border-top-left-radius:5px;} #exefixedfootershow{position: absolute;bottom: 0px;right: 5px;width: 30px;height: 25px;cursor:pointer;background-image: url(https://lh3.googleusercontent.com/-0JjFbpwN5fY/T_ptQCicRUI/AAAAAAAACms/YCZIn3BupKg/s48/exe-footer-background.png);padding-top:5px;border-top: 3px solid #a0a09e; border-left: 3px solid #a0a09e; border-right: 3px solid #a0a09e; 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 #eeff00;}.exefixedfooteruparrow {width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 10px solid #eeff00;}.exefixedfooterblockarrow {width: 8px; height: 10px; background-color: #eeff00;}#exefixedfootersocial {position: absolute;bottom: 70px;right: 5px;width: 280px;height: 30px;float: right;}#exefixedfootersocialicon {position: absolute;bottom: -20px;right: 5px;width: 290px;height: 64px;float: right;}#exefixedfootersocialicon img{border: 0px;float: left;-webkit-transition: margin 0.2s ease-out;-moz-transition: margin 0.2s ease-out;-o-transition: margin 0.2s ease-out;}#exefixedfootersocialicon img:hover {margin-top:-10px;transform: rotate(-25deg);-webkit-transform: rotate(-25deg);-moz-transform: rotate(-25deg);transition: transform 0.2s ease-out;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;}#exefixedfooteremailsubscribe {position: absolute;top: 10px;left: 420px;width: 242px;height: 90px;}.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{background-color: #FFCA00;padding:7px 28px;margin-left:0px;font-weight:bold;font-size:12px;cursor:pointer;font-family: "Arial","Helvetica",sans-serif;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #f1e767; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZTc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWI2NDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */background: linear-gradient(to bottom, #f1e767 0%,#feb645 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-8 */}.exefixedfooteremailsubscribebox input.subscribe:hover{background-color: #eeff00; background: #feb645; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYjY0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWU3NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #feb645 0%, #f1e767 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feb645), color-stop(100%,#f1e767)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #feb645 0%,#f1e767 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #feb645 0%,#f1e767 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #feb645 0%,#f1e767 100%); /* IE10+ */background: linear-gradient(to bottom, #feb645 0%,#f1e767 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb645', endColorstr='#f1e767',GradientType=0 ); /* IE6-8 */} .exefixedfooteremailsubscribebox input.subscribe{width:243px;} .gradient {filter: none;} E-Mail Will Be Delivered By FeedBurner. Find Us On...!!! Customization:1.) Download The PSD File From The Given Link, Edit It And Upload It To Your Server And Change That Link With Purple Highlighted Link In The Above Code Without Changing Width And Height.2.) Change Red Text With Your FeedBurner ID.3.) Change All Blue Links With Your Data.4.) Save And Done.5.) For More Customization, Feel Free To Ask.Download PSD File Here