Thursday, September 8, 2011

How To Add Cool Subscribe Section For Blogger

0 comments
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/AVvXsEim68T7NtCwjRDhHdoTaVdCV1agZnaSds3cXEfd3GbsPbBcMiMrF54TN4BPAmn-tuVHyEYS34wErq1kOVZj2J8tZ4FbotDkNHo_mOfNqAcDLwZWFEpJgK1h97fBIsBsfGvQG_h8FRD-dL56/s1600/Rss.png) no-repeat top left; }

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

#social1 .social2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8msreBPiv9c3R6KyE8ctQ0QNK96yLlvzjkod2KOSxxXp7gCP2xHVdA6ll0L3sxdSoKI23L-Q_VyDvs4ekRsj5NtWsKWx23hI0HJ_Q8PhX-MAs8zMOJEue3DBx1xl5XCRUh5WevNO5hPrY/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.

Leave a Reply

Related Posts Plugin for WordPress, Blogger...