How to add beautiful subscribe section to blogger

Do you like to add a good looking Subscribe section to your blog?Then simply follow the steps below.

1) Go to Blogger Dashboard > Design > Page/Edit Layout.

2) Add a Gadget > HTML/JavaScript.

3) Copy the code below and paste it into the window.

<style type=text/css>

#hsection{width:300px; border:4px solid #D3D3D3;background-color:#e9e9e9;}#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}

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

#sectionmy .sectionmy2 h2.rss { background:url(http://img853.imageshack.us/img853/1026/rsslp.png) no-repeat top left; }

#sectionmy .sectionmy2 h2.email { background:url(http://img805.imageshack.us/img805/4797/emailrsso.png) no-repeat top left; }

#sectionmy .sectionmy2 h2.twitter { background:url(http://img502.imageshack.us/img502/8862/twitterqf.png) no-repeat top left; }

#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }

</style>

<div id="hsection"><div id="sectionmy"><div class="sectionmy2">

<h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2>

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

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

4) Replace YOUR-RSS-FEED-URL with your RSS feed url.

5) Replace YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL with your feedburner ID.

6) Replace YOUR-TWITTER-URL with your twitter url.


7) Click on save and you have done it.

Related Posts by Categories