Hello friends today I'm going to show an Cool Gadget and an attractive subscription box
Live demo



First go to Blogger
then design--->page elements---->add gadget------> Html\Javascript
then paste this code





<style type='text/css'>


#topbox{width:250px;border:4px solid #a1a1a1;background-color:#ffffff;}
#topbox:hover{border:4px solid #4e4c4c;background-color:#ffffff;}


#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }


#social1 .social2 h2.subscription:hover { font-size:15px;}


#social1 .social2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheMJou-75CTf-KHzbU0BoezisFwtJCydr2LKmtxhgLWr7ml6TNlie3yXb3gjB5EZE_AP44zbzAQ3mZ84Jk5pmDC0xYL0Ub4_3DrskcaJtmiGgKr2QcgmmJHpJ3A0h1WgSgEjJgMgSjlM3o/s1600/Rss.png) no-repeat top left; }


#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvg_xdaQ14VzEcsNyW639koY-rR20zX1b8tht6OnjLxfOBGZ-8pRrMcK_Q2nD7NEhWQmclNgNMoCtU-sw9A-4vj3-wa2dieDMdQ36nwS7R-AGs6nbcfodjgVOrvvPQ6pEmrNxpEOpreymU/s1600/twitter.png) no-repeat top left; }






#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }


</style>


<div id="topbox">
<div id="social1">
<div class="social2">


<h2 class="subscription rss"><a href="Your subscription rss url">SUBSCRIBE VIA RSS</a></h2>


<h2 class="subscription twitter"><a href="Your twitter profile url">FOLLOW ON TWITTER</a></h2>






</div></div>
</div>


Change the letters in red to your url
Enjoyed it ?

Confused? Feel free to ask Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.