• Tutorials
  • Blogger Themes
  • Blogger SEO
  • Blogger Widgets
  • Internet
  • Mobile Phones
  • Gadgets
BloggerHero - Blogger Tuts, SEO, Themes, Gadgets
  • Home
  • Blogger
  • SEO
  • Themes
  • Internet
  • Widgets
  • Gadgets
  • About
  • search
    close

Add CSS FeedBurner Subscription Box v3 to Blogger

 Rohitkumar  04:28  Leave a Comment
Tweet
Add CSS FeedBurner Subscription Box v3 to Blogger
CSS FeedBurner Subscription Widget for Blogger is our today's special post, We are going to learn "How to Add CSS FeedBurner Subscription Box v3 to Blogger "

Adding any CSS Widget to Blogger makes your blog Professional and most elegant cum pleasant. Today many bloggers are using custom CSS Scripts even from blogger template to blogger widgets.

The Subscription box we are providing is highly CSS customized so it will add a professional look to your blog ! It also attracts visitors to follow your blog posts by subscribing your blog. We have also added "RSS Feed, Facebook, Twitter, Google+ Follow Buttons"

You can check live demo and please Subscribe Us by entering your email in the following box.


Subscribe to Get Latest Tutorial via email



Now, do you want to add this widget to your blog ?
I'll tell you how to add this widget B-)
Just follow these steps :
1. Go to Blogger.
2. Select layout.
3. Click Add Gadget.
4. Select "HTML/Java Script"
5. Paste the following code in it and click save.
Before clicking save make changes as I've highlighted them with Red Colour. 

<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: 1px solid #999; } 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 Tutorial via email</h1> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=techethix', 'popupwindow', 'scrollbars=yes,width=550,height=520');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="techethix" /> <input name="loc" type="hidden" value="en_us" /> <input class="submit" type="submit" value="subscribe" /></center></form> <center> <table> <tbody><tr><td><a href="http://techethix.blogspot.com/feeds/posts/default?alt=rss" class="linkopacity" target="_blank"><img src="http://1.bp.blogspot.com/-g4TxrK9fWDY/UbTIkKWmeaI/AAAAAAAADUc/OwGa_T5NR44/s320/rss.png" /></a></td> <td> <a href="http://www.facebook.com/techghanta" class="linkopacity" target="_blank"><img src="http://2.bp.blogspot.com/-qIsda29xTJ8/UbTIkOIoy9I/AAAAAAAADUg/chVLsbyGg-c/s320/facebook.png" /></a> </td> <td> <a href="http://twiiter.com/rohitasare1" class="linkopacity" target="_blank"><img src="http://1.bp.blogspot.com/--080z8xWsz0/UbTIk54CQuI/AAAAAAAADUw/uTTqF4Uugiw/s320/twitter.png" /></a> </td> <td> <a href="https://plus.google.com/104668699860095054602" class="linkopacity" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-UrTQlBd2ut4/UbTIkLW4h3I/AAAAAAAADUk/9hoDc7rUxV4/s320/Google.png" /></a> </td> </tr></tbody></table> </center> </div></div> <a href="http://techethix.blogspot.com/2013/07/css-feedburner-subscription-box.html" title="Add CSS FeedBurner Subscription Box v3 to Blogger"><span class="getfloat" style="font-size: x-small;">Get This</span></a>
Its done now ! move this widget wherever you want to place it. click save arrangement !
Don't forget to subscribe Us and you can also share this post with your friends and yeah dont forget to add Our Badge to your blog !

    Sharing is Caring!

  • Facebook
  • Twitter
  • Google+
  • StumbleUpon
  • linkedIn
  • StumbleUpon

Rohitkumar Asare

Posted In css, widget
Subscribe Now

Get Latest Posts Directly Into You Inbox

0 comments:

Post a Comment

Newer Post Older Post Home
Do you like my work?

Buy Me a Coffee!

Popular Posts

  • Sensational v2.0 Responsive Blogger Template
  • High PR Forums That Can Bring You High Traffic
  • Best Social Media Widget for Blogger | 2017
  • MaterialMix : A Free Material Design Blogger Template
  • Download Materiality Blogger Template
  • Resume Lite - One Page Resume Blogger Template
Email Newsletter

Get Latest Posts Directly Into You Inbox

Looking for Professional Website?

We provide premium corporate, business, company, portfolio, resume, E-Commerce websites at most affordable costs with FREE SEO & In-depth Aanalytics.

Get Stared Today!

Labels

Android blogger browser Buy computer css drop down menu Gadgets Google how to internet Laptops Mobile Phone phone responsive reviews SEO smartphone Social Media Social Share Widgets subscription box Template tool trick widget Wireless youtube
Powered by Blogger.

Popular Posts

  • Sensational v2.0 Responsive Blogger Template
  • High PR Forums That Can Bring You High Traffic
  • [Fixed] Facebook Share Thumbnail Is not Showing on Blogger
  • BloggerHero Free Premium Blogger Template
  • How to Add Facebook Open Graph for Blogger
  • Materiality - Material Design Blogger Template

Contact Form

Name

Email *

Message *

  • Home
  • About
  • Contact
  • Sitemap
  • Services
  • Request
  • Privacy Polciy

© 2013 BloggerHero.com. All Rights Reserved. Designed with Love for Everyone!