How To Add Beautiful Subscribe Button to Blogger

Add Beautiful Subscribe Button to Blogger

Follow My Instruction to Add this to Your Beautiful Blog

STEP:-1

Log in to Blogger, go to Layout -> Edit HTML

and mark the tick box to "Expand Widget Templates"

STEP #2

Now find (CTRL+F)  </head>  code in the template:

And Just Before This Paste the Following Codes

<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/AVvXsEj6ag6VBSO5v6hYQRmadPW8vlQVmUkBYmiHsoHfN2l-FvxdMS2SfPibiDxVGwIdoh38V1TdrtoqFkOwvXxICegr11SwyXqDt661ZsKRBJOloBzIYPmll22DEr7-3lqq9lBc_UmKrYoxWfsI/) no-repeat top left; }

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

#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLkwC-g4xxqRjIKSgxvMQYuZWiAjtWzhnPDUtxjidgH1P1bzJbYPsZhypkkfREmHEWpdNUzhwiMj0uU60cpwitGt_wXtECHzybiDm1BvelRxmgXFW-xExh-cpnC_FHcaJLdGUx-julcZmv/) no-repeat top left; }

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

</style>

NOTE : Host RSS.png , EmailRSS.png , twitter.png yourself as your desire image (optional)

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


STEP:- 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 url


Then Now Save your Template and Enjoy 


LIKE ON FB OR SUBSCRIBE US IF THIS POST HELP YOU , OR IF ANY PROBLEM THEN FEEL FREE TO COMMENT BELOW