Thursday, September 8, 2011

How To Add Cool Subscribe Section For Blogger

This is a cool unique subscribe gadget with nice buttons.
 Add to your blog and make it attractive.

1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.
Subscribe Section











<style type='text/css'>

#topbox{width:250px;border:4px solid #a1a1a1;background-color:#ffffff;}
#topbox:hover{border:4px solid #4e4c4c;background-color:#ffffff;}

#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }

#social1 .social2 h2.subscription:hover { font-size:15px;}

#social1 .social2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEsBDMuPTtbsU-yP5D8VZYkHGhVPFPRX3RnstDu6rh2XbXdMc38uJcH25tDfA8SkjA6-dOYYNPp-fx-WMyMjI5QZd-PuFKyk02o0q-XNbKcHqfyylrhRbisxMDoNUHnFM-C0H6-0fQ5HG/s1600/Rss.png) no-repeat top left; }

#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhAkZhYmzRXqnGoSgk88Pcp0CCiVSbu5rcpSvgJSU8eYHXLLWWHYabx3RwjcpTyCL9ITiSYIwKDNSFmSCC-iIxfqdLFCTMxwKhf9wF0guEPbU4nNZqpXGW4x6-rY5UXYGenX5hD3p1Ltkf/s1600/twitter.png) no-repeat top left; }

#social1 .social2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIZH0lZOoWFtqqg43kCFbtcQqKJ9trYG4NWNGAb71L_ExnOF1sWnp8ojncZCzHJHXCRgnZLDkPVhrjqmrQYR4ERaSCumG_9VwlUeiH68enKOJRG3HUusWPBOdsPHDj9Z44LlkIidt8bWj/s1600/mail.png) no-repeat top left; }

#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }

</style>

<div id="topbox">
<div id="social1">
<div class="social2">

<h2 class="subscription rss"><a href="RSS feed URL">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription twitter"><a href="Twitter URL">FOLLOW ON TWITTER</a></h2>

<h2 class="subscription email"><a href="Your Email Subscription URL">SUBSCRIBE VIA EMAIL</a></h2>

</div></div>
</div>

* Repalce  RSS feed URL with your URL
* Repalce  Twitter URL with your URL
* Replace Your Email Subscription URL  with your feed name

4. Now save your HTML/Javascript'.

you are done.

2 comments: