Features:
1.) Social Network Icon With Subscription Box.
2.) Twist The Icons On Hover.
3.) FaceBook, Twitter, LinkedIn, Google+, YouTube, Rss And Other Social.
4.) Simple And Stylish Design.
5.) HD Icons.
6.) Quick To Load CSS.
How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.
How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
<!-- This Is A CopyRight Code Of softwaresntrick.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<style>
#exeideasbody {
background:#f8f8f8;
margin:0 0 40px 0;
padding:10px;
border: 3px outset #ff0000; -moz-border-radius: 10px; border-radius: 10px;
overflow:hidden;
font-size: 14px;
}
.spinning_icons a{
width:36px;
height:36px;
display:inline-block;
text-indent:-9999em;
background-position:0 0;
background-repeat:no-repeat;
z-index:2000;
overflow:hidden;
}
.spinning_icons a:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
}
.twitter{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxwuj-DLGAkIoXJT-TRcTtlPb7yCYnnwRDhU1kiT0g2cJ_hxDMGq0SX_nQt7XhvDlCnRrXlkq_NZMc5QIRMKTQnUlSiBMMT0_s-2kiqBx2cVL7K1uuokvG2cYMczTRYqu3FFhKLNpuIJ4/s0/twitter.png'); }
.facebook{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUgkQc-RqFmlr3SAxaR_ue6qwzmLdGqfZfTE_6zX8EeCIUEB-lggweX-T5cqoWYTY45Y3RZ9k5Et0CnSRW3uhHR8x3awmIDQ0rS-h_iNx-qC8OIJhu1ed1_V2HgEDDzF4NddK91f5b5BU/s0/facebook.png'); }
.linkedin{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrDNnbExQra8b8FO-i8cwM7-jIElOuD64dYpDxVLFFRGlmPNUhuLYcK64RzjkvuKGlKy-_RUg_YnSZCbZ4deonWjzcWFUZQVaqwbQfb-5wBvnJ2pl1RlbNcIApiDGtQJKdx-OGr90Wxg0/s0/linkedin.png'); }
.rss{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp4l9-Mc5U6X9_8nD902GpY4sTyIspLBJZbwuIw4EPdUi0su4nfgp2e6EU_n8cxDbbH6tklSfe01a2CvXrAmLV-aKcjuKj5FRRajTosRch1Zudx1x_NaV2xbQZaq05fbW1oXmXRiUZp08/s0/rss.png'); }
.youtube{ background:url('https://lh6.googleusercontent.com/-EjnvqvxdSIQ/T40l3XSfhlI/AAAAAAAAB9s/4VnPEZgDXSQ/s32/YouTube.png'); }
.googleplus{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjinrQqgMp6vX6NraWcUdEAfLifh3m6JZ8GTyTum4qAw44D942IqJvydvbubtmDDnxpTaZ4v7pE_3SQnVMHUUK-VocW__7R0mcSSnrfbmqiNBeQltqR8wJ3AlCCKKsVjYOE5XG-AxWgOrw/s0/gplus.png.png'); }
.mixsocial{ background:url('https://lh6.googleusercontent.com/-xcHvGi2TpZk/T6jP9vrvTMI/AAAAAAAACGg/7mFW9zJeCic/s32/myspace.png'); }
#email-news-subscribe .email-box{
padding: 5px 10px;
font-family: "Arial","Helvetica",sans-serif;
height:35px;}
#email-news-subscribe .email-box input.email{
background:#FFFFFF;
border: 1px solid #dedede;
color: #999;
padding: 7px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-image: initial;
font-family: "Arial","Helvetica",sans-serif;}
#email-news-subscribe .email-box input.email:focus{color:#333}
#email-news-subscribe .email-box input.subscribe{
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
-pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
font-family: "Arial","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #cc7c00;
color:white;
text-shadow:#d08d00 1px 1px 0;
padding:7px 14px;
margin-left:3px;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
background: #ff9b00;
background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #cc7c00;
color:#FFFFFF;
text-shadow:#d08d00 1px 1px 0}
</style>
<!--[if IE]>
<style>
#email-news-subscribe .email-box input.subscribe{
background: #FFCA00;
}
</style>
<![endif]-->
<center id="exeideasbody">
<div class="spinning_icons">
<a href="http://twitter.com/Arnydgreat" class="twitter" title="twitter">Twitter</a>
<a href="http://facebook.com/MediaFireMoviesHeaven" class="facebook" title="facebook">Facebook</a>
<a href="http://pk.linkedin.com/in/Profile" class="linkedin" title="linkedin">Linkedin</a>
<a href="https://plus.google.com/102256859586166648016" class="googleplus" title="Google Plus">Google Plus</a>
<a href="http://feeds.feedburner.com/EXEIdeas" class="rss" title="rss">RSS</a>
<a href="http://www.youtube.com/softwaresntrick" class="youtube" title="youtube">YouTube</a>
<a href="http://www.softwaresntrick.blogspot.in/p/about-us.html" class="mixsocial" title="Other Social">Social</a>
</div>
<div id="email-news-subscribe">
<div class="email-box">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=softwaresntrick', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
<input type="hidden" value="softwaresntrick" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input class="subscribe" name="commit" type="submit" value="Subscribe" />
</form>
</div>
</div>
</center>
<!-- This Is A CopyRight Code Of Softwaresntrick.It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
Customization:
1.) Change MediafireMoviesHeaven With Your FacebookLinks.
2.) Change Arnydgreat With Your Twitter Account.
3.) Change Softwaresntrick with your youtube channel Name
4.) Change softwaresntrick withyour linkedin account.
4.) Save And Done.
It is better to jot down details like usernames, passwords, relevant information and email addresses in documents or in notepad.
SuSan Hannan 
