Thursday 28 March 2013

Widgets

How To Add Subscribe Box to Blogger /website

How To Add Subscribe Box to Blogger? In this post i will tell to you how to increase your visitor to subscribe via RSS. Basically Rss services is let's your blog visitor like you blog posts and contents. and visitor want to read your posts through RSS news then they subscribe you via RSS.If Visitors Subscribe you then increase your blog pageviews. One thing is more in Subscribe Box with social media webs.(Digg,Twitter,Facebook,Stumbleupon,Delicious).Social networking is best to attract visitors to your website for read your contents and also How to Keep Visitors at Your Site Longer? Now Add this Email Subscription Form to your website in your blog sidebar and make your sidebar beautiful and more attractive.If you are Want to add this Widget then Follow the steps given below.

You May Like To Read:
  1. Create a Cute E-mail Subscription Form.
  2. How to add Animated Social Sharing Widget With Cool Hover Effects.
  3. Touch me sharing widget for blogs/blogger.
  4. How To Remove Powered By Blogger from blog?
  5. New Facebook Pop Up Like Box for Blogger 2013.
  6. Cool Email Subscription Widget With Social Media Buttons For Blogger.

How to  Add Subscribe Box to Blogger /website.


  1. Go to Blogger Dashboard >> Layout >> Add a Gadget >> HTML/Javascript Box.
  2. Paste the following code in the HTML/Javascript Box.
  3. And click on Save.


<style type="text/css">
#subscribe-box {
      overflow: hidden;
      margin: 10px 0 0 0;
      }

#subscribe-box a.subscribe-sec {
      display: inline-block;
      display: -moz-inline-stack;
      width: 40px;
      padding-top: 38px;
      zoom: 1;
      }

#subscribe-box a.subscribe-sec:hover {
      color: #660000;
      }
</style>

<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Get Notified When We Update !!!</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value=&#39;&#39;;" /><input value="FEEDBURNER-ID" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>

<p><div id="subscribe-box">
<a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(http://1.bp.blogspot.com/_T46SliM0-PI/TB2Wrb1EuNI/AAAAAAAAAZQ/XCYsv5xhrFY/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(http://3.bp.blogspot.com/_T46SliM0-PI/TB2WqtxRIMI/AAAAAAAAAZI/7INQ-HwZQo4/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(http://1.bp.blogspot.com/_T46SliM0-PI/TB2WrnJnupI/AAAAAAAAAZY/qgLCPjkY7xQ/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(http://2.bp.blogspot.com/_T46SliM0-PI/TB2WsA5-GWI/AAAAAAAAAZg/llckeiIzHBA/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(http://3.bp.blogspot.com/_T46SliM0-PI/TB2W0KunsvI/AAAAAAAAAZw/2UZpjpyBE5s/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(http://4.bp.blogspot.com/_T46SliM0-PI/TB2WsfPjsZI/AAAAAAAAAZo/LOPvME3a_mA/s1600/rss.png) center top no-repeat"></a>
</div></p>

</form>

Customization:



  1. Replace "FEEDBURNER-ID" with your feedburner ID.
  2. Replace "DELICIOUS-USERNAME" with your delicious username.
  3. Replace "TWITTER-USERNAME" with your twitter username.
  4. Replace "FACEBOOK-USERNAME" with your facebook username.
  5. Replace "STUMBLEUPON-USERNAME" with your stumbleupon username.
  6. Replace "DIGG-USERNAME" with your digg username.
  7. Get Notified When We Update !!!  Change with your Text.
That's All.

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Farhan Kayani
I'm Farhan Kayani a Web Designer, Web Developer and Computer Instructor Currently live in Islamabad,I've been interest to forward my experience to the world. . Read More →

6 comments:

  1. It is the good blog to gain my knowledge.Nice blog you are having..Thanks to share.Kamalam Infotech pvt.ltd. offers a full range of web design and development services to ensure that your business benefits from enterprise IT.
    web developer Madurai

    ReplyDelete
  2. This is a really good read for me. Must admit that you are one of the coolest bloggers I ever saw. Thanks for posting this informative article.Connectdirector is an “all in one” premium internet portal providing networking, contacts, matching which decreasing barriers by direct linking business and social needs and interests on the principles of joint output, compliance and excellence. More here business services





    ReplyDelete
  3. Thank you for posting and giving the information. Honestly, I admire your blog as it catches much interest and has got a very good layout.
    if more info check this web-link
    website value

    ReplyDelete
  4. Wonderful beat ! I would like to apprentice while you amend your web site, how could i subscribe for a blog website?

    The account helped me a applicable deal.
    I were a little bit acquainted of this your broadcast offered bright transparent idea

    Also visit my homepage: novoline novostar ()

    ReplyDelete

Please do not Spam Comments will be Deleted immediatley upon review.


/
show-notice
hide-notice