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/AVvXsEjCyYHHST6W-zyaSLtJbEWzD7LDpNqi31MBcZ2X93DbiGiFw4HuhYwvxXG1LiElRWN9iMkHCi639tWkOfq27TBxZXxnAUy2cnqjHTh2fO9mizEoucpP7sBrxnEqKRecd0UNkLrIlZ38PaTB/) no-repeat top left; } #sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKME8fCsmn-4bbQEmluOarzyjIIuX_kQocdDc_9gQPHBdAZe6CSjGMz3VcJbbySXK050AqF_05gcUQXR-Npb218zgUT5VOopJOWPT5RCDPnWWlVsqbAM-GKdVzp3pVSFwntQRe1M7bHO5r/) no-repeat top left; } #sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivXmUJxuQNDdreopb_3h7FN4wYO1B0M2RrXwyI1pefzL9NlPZx6phzkh0wLuWaxXQ8tw9Zi9o_F_UxLDCCzPAmK7fjpmMNbOs18KzcGItUF2_WAWMANy7soXWfzlo26SJ1i6iVRHmU6ZyO/) 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="your-url here">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/comshelper">FOLLOW ON TWITTER</a></h2> </div></div> </div>
You are done.
your like it or not??leave your answer below by commenting...happy blogging
No comments:
Post a Comment
Any Comments ?