Skip to main content
Commercial Photography

CSS Subscription Gadget for Blogger


CSS Subscription Gadget for Blogger

If you want to make your blog most elegant and professional use STYLISH CSS Coddings. I have submitted here a widget for subscription box with social sharing designed in CSS.
Critical Component of a WebsiteCSS Cheat Sheet


For using this script follow these instructions:
  1. Go to blogger
  2. Select layout
  3. Now select Add Gadget from layouts where you want to appear this subscription box.
  4. Select "HTML/Javascript"
  5. Copy the following codes
  6. Replace your own tags with RED color
  7. And finally save your gadget.
<style type="text/css">#subscribe-wrapper { background: urlundefinedhttp://softglad.at.ua/images/border.png) repeat scroll 0 0 transparent; padding: 3px; } #subscribe-box { background: urlundefinedhttp://softglad.at.ua/images/bg.png) repeat scroll 0 0 #F7F7F7; border-radius: 15px; padding:5px; overflow: hidden; } a.linkopacity img { filter:alphaundefinedopacity=75); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -ms-transition:All .5s ease; -o-transition:All .5s ease; transition:All .5s ease; padding: 3px; border: 0px; } a.linkopacity:hover img { filter:alphaundefinedopacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; -moz-box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); -webkit-box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); box-shadow: 0px 0px 10px 2px rgbaundefined0, 0, 0, 0.44); } #subscribe-box:hover table { top: 0; } #subscribe-box h1{ margin-top: 5px; color: black; font-family: arial; font-size: 15px; margin-bottom: 5px; line-height: 14px; font-weight: bold; text-align: center; letter-spacing: -1px; } #subscribe-box table { position: relative; top: 40px; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -ms-transition:All .5s ease; -o-transition:All .5s ease; transition:All .5s ease; margin-bottom: 0px; } #subscribe-box td { padding: 2px; } #subscribe-box input{ background: white; border: medium none; font-size: 12px; padding: 10px; width: 150px; color: #666; font-family: arial; margin-bottom: 3px; width: 55%; } #subscribe-box input:focus{outline:none;} #subscribe-box .submit{ background: #E73827; color: #fff; cursor: pointer; font-weight: bold; text-shadow: 0 1px 2px black; width: 90px; font-family: arial; margin-left: -3px; font-size: 14px; }</style><div id='subscribe-wrapper'> <div id='subscribe-box'> <h1>Subscribe to Get Latest Songs, Software, Mobile Apps &amp; Tips via email</h1> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.openundefined&apos;http://feedburner.google.com/fb/a/mailverify?uri=entertainmentplateform&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <center> <input name='email' onblur='if undefinedthis.value == &quot;&quot;) {this.value = &quot;enter your email address...&quot;;}' onfocus='if undefinedthis.value == &quot;enter your email address...&quot;) {this.value = &quot;&quot;}' size='20' type='text' value='enter your email address...'/> <input name='uri' type='hidden' value='entertainmentplateform'/> <input name='loc' type='hidden' value='en_us'/> <input class='submit' type='submit' value='subscribe'/></center></form> <center> <table> <tbody><tr><td><a class='linkopacity' href='http://entertainment-plateform.blogspot.com/feeds/posts/default?alt=rss' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmaIG1WABK3LSN7-WTiFgRkeyp3Asq4uHKWF7-TZjYvj_9rwWojMiFE32Hhvjw4NwuKEG4I1Rp6wavRDpzaVYVcCVqml3qXWcP1fWVQv4zl7VmIRm8MTzYHO0YWlMU_Ca7XlR9__ktFqg/s320/rss.png'/></a></td> <td> <a class='linkopacity' href='http://www.facebook.com/entertainmentplateform' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSHfa7cPv9CWZUd1-ul-r7XQbtyj3HFH1SMYfk9CcQtBtoeaWyshbCA4XQW3563aIgJ-74gwrmcj0kihxrVxFWuuvGw0d7CIVWaCKa5qFDFlYwFK_jmfKBj4M67yNS8kT_n6EUFAhNch4/s320/facebook.png'/></a> </td> <td> <a class='linkopacity' href='http://twiiter.com/fazalullhaq' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQbidL33wURNnd-RbdeHUjMoEo6glysI3k0CQnqJ3n7HYyKqNFTavAPibZqNCRRZt90tctyEptMvx-hBok9RMZg13N6KAi1ViOdvOmF5WnQYAqvp4P35VtvDWLECFp2oUjIbZoDVJVExk/s320/twitter.png'/></a> </td> <td> <a class='linkopacity' href='https://plus.google.com/+Entertainment-plateformBlogspot' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVlbp1dtfcN8IQfjA91f65jRuralok69SCL4pPxjmuaiNr-063CmMI0_k-kggJ8XRr5A8ZKFQ2ZZwPhjiyXNGFuB7nh7-T4o7p6O8jjwXDj23C2tSO4BHaSt-y6Pxt-gvVSsl8Y-4Xcqc/s320/Google.png'/></a> </td> </tr></tbody></table> </center> </div></div> <a href='http://entertainment-plateform.blogspot.com' title='Add CSS FeedBurner Subscription Box v3 to Blogger'><span class='getfloat' style='font-size: x-small;'>Get This</span></a>
Preview

CSS Subscription Gadget for Blogger

 You have done! If you want to move your gadget drag it from layout and place where you want.

Comments

Popular posts from this blog

Savdhaan India Ep1591 19 Apr 2016 Lust Leads To Crime

Savdhaan India Ep1591 19 Apr 2016 Lust Leads To Crime Telecast Date: 19.Apr.2016 Running Time: 00:41:51 Language: Hindi Story: Read more »

New Fifty Shades Darker poster drops

New Fifty Shades Darker poster drops The brand new poster for Fifty Shades Darker , starring Jamie Dornan and Dakota Johnson has just dropped. It comes ahead of the new New Fifty Shades Darker trailer release tomorrow.

Eagle Flight™, Werewolves Within™ and Star Trek™: Bridge Crew release dates are...

Eagle Flight™, Werewolves Within™ and Star Trek™: Bridge Crew release dates are... UBISOFT ®  ANNOUNCES RELEASE DATES FOR VIRTUAL REALITY TITLES Eagle Flight™ ,  Werewolves Within™ and   Star Trek™: Bridge Crew Coming this October, November and December SYDNEY, AUSTRALIA — August 19, 2016 —  Ubisoft ®  has announced the release dates for Virtual Reality titles  Eagle Flight ,  Werewolves Within , and Star Trek ™ : Bridge Crew . All three titles will be coming to PlayStation ® VR, Oculus Rift and HTC Vive starting this October. Eagle Flight , developed by FunHouse, a division of Ubisoft Montreal, sends players to the skies of Paris where as an eagle they will soar over the historic city and its iconic landmarks. Playable in single player and in the heart-pumping multiplayer “Capture the Prey” mode, players will feel the true sensation and exhilaration of flight.  Eagle Flight  will be released on Oculus Rift beginning October 18, PlayStation ® VR beginning November 8 and HTC Vive beginn