Login To Blogger Go To > Design > Edit HTML.
and mark the tick box "Expand Widget Templates"
Then, find (CTRL+F) this code in the template.
</head>
And immediately before it, paste this code:<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/AVvXsEjIdBnSdl32TZJAPl1SMObBubOu9PjzHd2jsQEQEG6WNWEEJ-ZZW5X-RtN43d1V1EYOeYJFSgSZg3WY-JRDUjMpeoY3is54TP_zSLEzoHxmNXRkV1afa7D5L-Nilx3ltEebVMYhPZ5qH6Q/s1600/RSS.png) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoafJpKny4yxoxYbt7N-AYozvMW91xiRXaC-7mApbPVrnNQF6Rdrum3hiCOGPY63RSi9CfsNh7Cj84DQeFPlNQQaFvYs7zFBn4S1SjzjCBd94hRTm_CxlgVoY9zaxZm4CrLFEMo4uV08/s1600/EmailRSS.png) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEt627iSlFuVe9hyphenhyphenwoW1o_fcuo7_MJzZJNs0Sq86MPd7afpMuR_Gz2DCrqYzISoQswMem14XZ6QKku0_lZvPt0Y9P86uwkskZw9tq51Us40e_kmNHNTwuDX5prExpSeFXI2HCGsAE83I/s1600/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.#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/AVvXsEjIdBnSdl32TZJAPl1SMObBubOu9PjzHd2jsQEQEG6WNWEEJ-ZZW5X-RtN43d1V1EYOeYJFSgSZg3WY-JRDUjMpeoY3is54TP_zSLEzoHxmNXRkV1afa7D5L-Nilx3ltEebVMYhPZ5qH6Q/s1600/RSS.png) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoafJpKny4yxoxYbt7N-AYozvMW91xiRXaC-7mApbPVrnNQF6Rdrum3hiCOGPY63RSi9CfsNh7Cj84DQeFPlNQQaFvYs7zFBn4S1SjzjCBd94hRTm_CxlgVoY9zaxZm4CrLFEMo4uV08/s1600/EmailRSS.png) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEt627iSlFuVe9hyphenhyphenwoW1o_fcuo7_MJzZJNs0Sq86MPd7afpMuR_Gz2DCrqYzISoQswMem14XZ6QKku0_lZvPt0Y9P86uwkskZw9tq51Us40e_kmNHNTwuDX5prExpSeFXI2HCGsAE83I/s1600/twitter.png) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>
Then, Go To > Design > Page Elements.
Simply add a Gadget of HTML/JavaScript type.
add this code in to it:
<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>
Replace YOUR-RSS-FEED-URL , YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL , YOUR-TWITTER-URL with your urls.<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>
Now click Save.
0 comments so far:
Post a Comment