Help Us To Improve, We Need Your COMMENTS

    read more

    How To Add Beautiful Subscribe Section to Blogger

    0

    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:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
    font-weight:bold; }
    
    #sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHoT0s3_EUEljjrUVgdJbubGkmBiGZFroFVQxnqN8yzGlMSSttpDAaK-AlAixe5mRMV970sc8IQqqCFfCKIG7DpeSQ5Z_WgVfaDn3ONmWBR2MZ5YO3tK3brvOtXNc9EsbGaTWVlN5Z4TJ3/) no-repeat top left; }
    
    #sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgxNefXSuYECibBBYkjhbLx5wFFwS5as6VICJCH9jrcFsVahyBvJ9pHHKca_bf9GIjdn_ydwxH74P_QMpFUb54h5BGtrDbFaAF5ZjIwwFtSdk0k21nI9RYbLIwCCa8YNbfqQ89F49BbhD/) no-repeat top left; }
    
    #sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOUIZ5bZsrtXnPWuONwSrImwwY7nxKkD4G8ffXPqTNiAGwqwYw5IagNGa3lal0tAGdn6gZCk13B20G5E4tSnycXtmZt9GHF6T_3q8mI-qzX30-szz-Py3-_UVKgt9jfl87t6KwBBfU0LUl/) 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.

    You are done.

    Posted on : | By : Er. Ankita Dhiman | In :

    One Response to "How To Add Beautiful Subscribe Section to Blogger"

    Followers