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

Free URL Submission in Search Engines and Web Directories

By -
Image
E veryone know the importance of URL submission in search engines and web directories, it is necessary to increasing PAGE RANK in Google and get more traffic to your webpage, the best search engine optimization (SEO) is the key of success. Furthermore as long as an indexed web page links to your site, all the major engines will find you and index you. Use these forms for when you are unsure that the search engines like the sites that currently link to yours. Free Search Engine Submission Few free submission services are as under: You may also like this article: All-in-One Social Count Plugin for Wordpress Simply click Active Search Result and add your URL as below: Free Google Submission Go to Addme and submit your URL, through this service your URL submit in 20 popular search engines. Free Website Submission AddPro is also a free service for URL submission in 18 top search engines, it is a reciprocal base submission, before you applying to su
Read more