ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web»
  • Blogs

Beautiful Subscribe Widget For Your Blogger Blog

Updated on January 24, 2014

What is blog/website Subscrition widget?

there is an a simple answer for What is Subscription widget, It is blogger widget by which user can subscribe your blog or website newsletter and they will receives blog/website updates whenever new post has been made by author on the blog/website.

It may be in the form of E-mail subscription delivery, twitter updates , RSS feed, You can provide updates to your reader if he/she has subscribed to your blog and website so it is necessary to add subscription widget to get some of traffic from feed delivery and now adsense is providing option adsense for feed, by which you can show adsense ads via feed that are delivered with your post to your subscribed, you you can earn money from adsense for feed also.

How To Add Subscribe Widget On Blogger Sidebar
How To Add Subscribe Widget On Blogger Sidebar

Steps to add Subscription widget to blogger blog

Here are some coding provided that you have to do to add subscription widget to your blogger blog.

Step - 1. Login to your blogger account.

Step-2. Go to Dashboard, Click on Edit HTML in Design/Layout tab.

Step-3. Back up your blog template in to your PC so that, if you do not like the widget , than you may use your previously backup template and discard the changes on template you made to add new widget.

Step-4. Search for the code in your template by pressing CTRL+F , and search ]]></b:skin>
and replace that code with following code.

#subscribebox{list-style:none; margin:0px}
#subscribebox li{padding:10px 5px; position:relative; margin-top:0; margin-right:0; margin-bottom:5px; margin-left:0; height:64px; opacity:0.75; -moz-opacity:0.75}
#subscribebox li:hover{ background-color:#f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; opacity:1; -moz-opacity:1; -webkit-transition:opacity 1s ease-out}
#subscribebox li img{float:left; position:relative; padding:0px; margin:0px 10px 0px 0px}
#subscribebox li h4{margin:-6px 0 3px 83px; font-size:15px; line-height:26px; color:#8B3E2F; text-shadow:1px 1px 0px #fff; font-family:Helvetica,Arial,Verdana; font-weight:bold; clear:none}
#subscribebox li p{margin:0 0 0 0; font-family:Trebuchet MS,sans-serif; font-size:13px; letter-spacing:-0.02em; clear:none; text-indent:0px}
#subscribebox li{background:none; border:none; top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:50}

Step-5. Now go to page elements, click on add gadget and click on HTML/Javascript.Here add following code and save it.

<ul id="subscribebox">
<a class="link" href=" FEED NAME" target="_blank"></a>
<img src="" alt="RSS Feeds" />
<h4>RSS Feed</h4>
<p>Subscribe To RSS Feed</p>
<a class="link" href=" FEED NAME&loc=en_US" target="_blank"></a>
<img src="" alt="RSS E-Mail Delivery" />
<h4>E-Mail Delivery</h4>
<p>Subscribe To Email for the latest updates right to your email</p>
<a class="link" href=" TWITTER HANDLE" target="_blank"></a>
<img src="" alt="Follow Us On Twitter" />
<p>Follow Us On Twitter to join the list of 1000  followers</p>

Step-6. Now save it and look at your blog for updated subscription widget.

I am blogging since last two years and having good experience with blogging worlds as well as Search Engine Optimization(SEO) world.I am sharing my own views and experience with fellow bloggers to get more from their blogging.

I am currently blogging at

Feel free to add me on Facebook | Twitter | Google+ | YouTube


    0 of 8192 characters used
    Post Comment

    • profile image

      Hatem 5 years ago

      Thank you It's very interesting