Tuesday, 23 October 2012

Awesome And Simple Softwaresntrick-Social Widget With Subscription Box

Awesome And Simple Softwaresntrick-Social Widget With Subscription Box

Am sharing with you again another cool subscription box which comprises of subscription box, and social sharing buttons. In my previous post, there is so so many widgets and it is another to that is simple but stylish. I have design it to the perfect taste so that it wouldn't affect your blog loading time. To add this subscription box to your blog, In this I put a Email subscription from and three social sharing link FaceBook, Twitter, LinkedIn, Google+, YouTube, Rss And Other Social , so that this widget fulfill your both requirement. I used CSS3 to rotate these on hover design this widget so it take only few seconds to load. This Widget can be add in Blogger, WordPress or Any other HTML website. simply follow the few steps below.

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. -->
#exeideasbody {
margin:0 0 40px 0;
border: 3px outset #ff0000; -moz-border-radius: 10px; border-radius: 10px;
font-size: 14px;
.spinning_icons a{
background-position:0 0;
.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('http://4.bp.blogspot.com/-05nZtw8WXLE/T1h_HuxjRnI/AAAAAAAADgo/rw88iwdiKIM/s000/twitter.png'); }
.facebook{ background:url('http://4.bp.blogspot.com/-P9SChCbjibg/T1h_HlnZ0YI/AAAAAAAADgs/wNmJ5EKi6lE/s000/facebook.png'); }
.linkedin{ background:url('http://4.bp.blogspot.com/-7KqOsBoC-aY/T1h_KhOoPCI/AAAAAAAADhA/cjRF7qiGZOY/s000/linkedin.png'); }
.rss{ background:url('http://1.bp.blogspot.com/-ff_XfJA8KM8/T1h_KqwUURI/AAAAAAAADhI/KB9DvIVr9jo/s000/rss.png'); }
.youtube{ background:url('https://lh6.googleusercontent.com/-EjnvqvxdSIQ/T40l3XSfhlI/AAAAAAAAB9s/4VnPEZgDXSQ/s32/YouTube.png'); }
.googleplus{ background:url('http://3.bp.blogspot.com/-3elsv4uhSzs/T1h_KSLDYVI/AAAAAAAADg4/Nw8kol8SBhE/s000/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;
#email-news-subscribe .email-box input.email{
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:1px solid #cc7c00;
text-shadow:#d08d00 1px 1px 0;
padding:7px 14px;
border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
background: #ff9b00;
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
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%);
border:1px solid #cc7c00;
text-shadow:#d08d00 1px 1px 0}
<!--[if IE]>
#email-news-subscribe .email-box input.subscribe{
background: #FFCA00;
<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 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=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)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" />
<!-- 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. -->

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.

No comments:

Post a Comment