BLOGGER TIP-How To Add Beautiful Subscribe Section to Blogger FOR RECENT UPDATES

BLOGGER TIP-How To Add Beautiful Subscribe Section to Blogger:how to put subscribe box in blog or website


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



1.Login to your blogger dashboard--> layout- -> Edit HTML



2.Scroll down to where you see </head> tag .



3.Copy below code and paste it just before the </head> tag .

<style type='text/css'>







#hsection{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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjKcg-uSADDYNvTBGmvEQI0dNeM54-UbsPo5qtuVJo5ND2p8RfT3QggDpamUfR98CtXvrXlz1hsOI7RnmaeE2EOkqnX80IEqkqhS6R_3cYEhqM1zA3sDtUcWDnicB8bBhmP5DSEWGfBGvq/) no-repeat top left; }







#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcztKzo4Qul56BT7ub_slvTQjNyj8yVvtWzNH3NTC1cjhoq3_2hNSeBGdJOOMAnzlr_eS4nGu4Gw1faUQzOnsoBfOxI-WvadJR4Cid_ALzsYVggi5KaA5LMIGXawFX9K1GLCQLxhk7xjOz/) no-repeat top left; }







#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc-7vIqvqYwM4LtT3q-SGmPYytudLBdOEAO85m0s9bJP12J2O39PkEV1L2soZ4BANybSfE19bH8EySW7Cgq8q0M1fu7Ih-sqXebnrgqJjkQvaT2B5WW5rsjVl5-MfIrhyphenhyphendY13Zg4Nhn22m/) no-repeat top left; }







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







</style>

NOTE : Host RSS.png , EmailRSS.png , twitter.png yourself.








4.Now go to Layout-->Page Element and click on "Add a gadget".



5.Select "html/java script" and add the code given below and click save.

<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>

NOTE : Replace YOUR-RSS-FEED-URL , YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL , YOUR-TWITTER-URL with your urls.




Look at the example below:

<div id="hsection">



<div id="sectionmy">



<div class="sectionmy2">







<h2 class="subscription rss"><a href="http://feeds2.feedburner.com/blogspot/WyNa">SUBSCRIBE VIA RSS</a></h2>









<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/WyNa&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2>







<h2 class="subscription twitter"><a href="http://www.twitter.com/btipandtrick">FOLLOW ON TWITTER</a></h2>









</div></div>



</div>

You are done.

blogger tips and tricks,blogging tips,blogger tip,blogger tricks,blogger widgets,blog software,my blog,blogger help,blog site,weblog,blogger design,best blog,best blog tools,google blog tools,blogging services,blog development tools,blog marketing tool,blog creation tools,seo blog tools