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.

Labels:

Comments

Post a Comment

Popular posts from this blog

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.
Post a Comment
Read more

Commets, Varialbles & Special Keywords

Comments Javascript supports two types of comments. Double-slashes (//) tell javascript to ignore everything to the end of the line. You will see them used most often to describe what is happening on a particular line. var x=5; // Everything from the // to end of line is ignored(*) var thingamajig=123.45; // 2 times the price of a whatsit. "Blockquotes" begin a comment block with a slash-asterisk (/*) and Javascript will ignore everything from the start of the comment block until it encounters an asterisk-slash (*/). Blockquotes are useful for temporally disabling large areas of code, or describing the purpose of a function, or detailing the purpose and providing credits for the script itself.  function whirlymajig(jabberwocky) {    /* Here we take the jabberwocky and insert it in the gire-gimble, taking great care to observe the ipsum lorum!   For bor-rath-outgrabe! We really should patent this! */    return (jabberwocky*2); } You should note that...
Post a Comment
Read more

Agile Lock v1.6 for Android

A gile Lock customizable my lock screen and make more attractive. It is the replacement of lock screen, Sense 3.0 like, it gives a COOL lock experience. Whats are Main Features: Sense 3.0 style slider look Customize your lock screen with shortcuts/widgets which are allowed on the lock screen Widget for weather built-in Customize Fonts, supported type .ttf Choose your favorite wallpaper for customization Different ways of wake up the screen, such as volume button or power button This lock support system security More customization available in setting. You may also like these articles. Text Plus Gold 4.5 for Android Astro File Manager for Android Twitter for Android Learn to Run the App: Open the app AgileLock, touch the flashing power button in the middle of the screen. When the yellow circle around appear around the power button, your App starts to run on your phone. Tips & setting for resolving issues: If you have facing issue with the power button, such as light screen canno...
Post a Comment
Read more