CSS Subscription Gadget for Blogger

By -

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/AVvXsEjyH3VdGpUnrhM6Ds5uDJFAHKKNQM4IgNmHNyLIVdtH7rQ48kxRttNsVU2ak0XrIqHPb7OyB_KZ0Jw8frx2Mk4HbF0AMYF0ioiOpzguq2cFZbwFmbtoNaigvqNrBywRB24IkPIACseGVDI/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/AVvXsEj_toyMNe3PEokfDmNZCISvMlpcQ0nUudpviJlr1aoiO_u2vRt6An5j2gfgPvNDzd3gEjyIQQxOVhqWQS2CUpEVmr29gxqCnuSeU_0qPVZXNEgZzghJ8CES-iSn5ZO_ZR_6kK0Q-V9RvvA/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/AVvXsEgAvXNmcaPGNdZoMzhA7GMJBgMxBgA5sZQC6Y-3Ceny59QqETz3VCEehaQ2qUBGsGzb4EyH4us3Ap8flNTaHOH1EuHRiBFFEqB0elXiQ6jiIomUrT5z-XCCVuuV-lztB6CQFxTsvJwN0cw/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/AVvXsEhHm4iol__6t7wG_ebYnbVE80yNobM7yBsAyQErAo8_UTCdCnuKIGKLDfuLtmek9X02y5E7feiBYsv0w1PQdPmTMQA3gZixDlvqLkuvlsumixldMkS3mnBoB1QUjXCZV5Jr7w4DKC9QGmw/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

Post a Comment

Popular posts from this blog

How to Connect Android to Multiple WiFi Hotspots

By -
Image
Using Android, it’s easy to connect to multiple Wi-Fi networks, so you’ll never have to connect to the web when you arrive home as the device is already connected. W ith Android, it’s incredibly easy to set up separate home and work Wi-Fi connections, so whenever you walk through the door your Android device will automatically connect without even asking. Explore the Market and you’ll find exciting third-party apps that add even more functionality to your smartphone. Follow us over the next two pages as we explore the various Wi-Fi options built in to the Android OS, and take a look at some free apps intended to make life even easier. Discover some great apps that automate connecting to free Wi-Fi Networks. You may also like this: Phone my PC Setup for Android 1 ● Turn On Wi-Fi As you read this there’s a high chance that multiple Wi-Fi connections are available all around you. To find out if that’s the case, tap the Menu key on your Android device, choose
Read more

Commets, Varialbles & Special Keywords

By -
Image
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
Read more