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/AVvXsEhaA58IKsCibu4tJ8otNVFC5z0RHoulq67TBrl7RWlbqNJb_ThzcPgwQ0DihehKJ1IHrKFKAiSTFSoyd7gB9OSS-d04myTlMOvg4a9WoAa0xZ2rOZkIdJZW-mqMaOWyTXGMK9k3oSy1_duq/RSS.png) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S209s4_wFoI/AAAAAAAAAww/8VovLp1Yxlg/EmailRSS.png) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgePCtHcPC0TsbtYo4qYL2qtJrcPR-T0Q-xNgrxRagtO-a0-XOXCgvUk17E4WAJppW8UdrYGznr6PW1E7CVDcDa3wJuOh-qEhl1BRx6Gb_g-dnt-xtHfzbIxP_wEi3-3zhlYgtgYMeE8lzW/twitter.png) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>
NOTE : Host RSS.png , EmailRSS.png , twitter.png yourself.
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.
0 comments:
Post a Comment