Adding Feed subscription box is sweet. However adding them with 3D icon is amazing. Currently Here I am getting to share 3D look Subscription box for blogger. And this widgets was initial utilized by Bloggerspice. And by using this box you will get Facebook,Twitter,RSS Feed and with Mail choice icons. This widgets appear as if WordPress vogue. If you are associate attempt (attempting) to induce an WordPress vogue widget for your web site then here it’s. Let’s examine the way to install it in your Blog. I even have listed some straightforward steps to put in it in your website. Lets pair !
How to add 3D Subscription Box
- Log in to blogger account and go to Dashboard
- Now Hit “Layout” option found at the sidebar.
- There click “Add Gadget” and select ‘HTML/Javascript’
- Then paste the subsequent code given bellow in this content box.
<div align=”center” id=”bswrapper”><div id=”bs3Dsubscriptionbox” style=”border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#55AAEE’, endColorstr=’#003366′,GradientType=0 ); width: 270px;”>
<h3 id=”bstext” style=”color: white; font-size: 20px;”>
GET FREE UPDATES INTO MAIL BOX</h3>
<p>
<form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?url=triposoft’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true” target=”popupwindow”>
<a class=”bs3D+social-icons” href=”https://facebook.com/Triposoft”><img src=”http://2.bp.blogspot.com/-YK94wom5y2s/UaBOylJG9-I/AAAAAAAADFU/-pcaOiK1AUs/s1600/BloggerSpice+3D-facebook.png” /></a>
<a class=”bs3D+social-icons” href=”https://twitter.com/triposoft”><img src=”http://3.bp.blogspot.com/-3sgXN22DLfI/UaBOzuLq_0I/AAAAAAAADFo/gKECYUAiXAI/s1600/BloggerSpice+3D-twitter.png” /></a>
<a class=”bs3D+social-icons”href=”http://feeds.feedburner.com/BloggerSpice”><img src=”http://1.bp.blogspot.com/-bI7K9LduEyI/UaBOyqcA96I/AAAAAAAADFY/hV2dUDnOcn8/s1600/BloggerSpice+3D-rss.png” /></a>
<a class=”bs3D+social-icons” href=”http://feedburner.google.com/fb/a/mailverify?uri=triposoft”><img src=”http://3.bp.blogspot.com/-vR8tKP8DYd4/UaBOyt1LjjI/AAAAAAAADFQ/1O-NvRATtvE/s1600/BloggerSpice+3D-email.png” /></a></p>
<input class=”email” id=”bs3DSubscriberemail” name=”from” onblur=”if(this.value==”)this.value=this.defaultValue;” onfocus=”if(this.value==this.defaultValue)this.value=”;” style=”width: 130px;” type=”text” value=”Enter Email Address” /><br />
<div class=”separator” style=”clear: both; text-align: center;”>
</div>
<input name=”uri” type=”hidden” value=”triposoft” /><input name=”loc” type=”hidden” value=”en_US” /> <input id=”bsText” style=”height: auto; padding: 5px 0;” type=”submit” value=”Get Access Today!” /></form>
</div>
</div>
</center>
<style>
a.bs3D+social-icons {margin-right: 5px; height:40px;width:40px;}
a.bs3D+social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#bs3Dsubscriptionbox {margin: 0px;padding: 10px;background: #11CCEF;
background: -moz-linear-gradient(top, #11CCEF, #036);background: -webkit-gradient(linear, left top, left bottom, from(#11CCEF), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, “Times New Roman”, serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, “Times New Roman”, serif;padding: 5px;border: none;}#bs3Dsubscriptionbox p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, “Times New Roman”, serif;
padding: 5px;border: none;}#bs3Dsubscriptionbox input.name {
background: white url(https://4.bp.blogspot.com/-YYfhLg1uWRM/UaBSCu8fdlI/AAAAAAAADF0/6MJNkw3wSk4/s320/bs+subscribe-icon.png) no-repeat center right;}
#bs3Dsubscriptionbox input[type=”text”] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#bs3Dsubscriptionbox input.email {background: white url(https://2.bp.blogspot.com/-GpCR7VhL_ys/UaBKf2Uz6oI/AAAAAAAADEg/OmFBUOwU1Fg/s1600/subscribe-BS+email.png) no-repeat center right;}#bs3Dsubscriptionbox input {
font-family: Georgia, Times, “Times New Roman”, serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#bs3Dsubscriptionbox h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, “Times New Roman”, serif;
border: none;padding: 0px !important;float: none;}input:hover[type=”submit”] {
background-color: #11CCEF;border: 1px solid #11CCEF;color: white;text-decoration: none;}input[type=”submit”] {background-color: #11CCEF;border: 1px solid #11CCEF;
color: white;cursor: pointer;font-family: ‘Droid Sans’, sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: ‘Droid Sans’, sans-serif;}#bs3Dsubscriptionbox input[type=”submit”] {background: #11CCEF url(https://1.bp.blogspot.com/-GjEyooF48RU/UaBKf96-dsI/AAAAAAAADEc/XzoaoVz4ZbI/s1600/BS+Button.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#bs3Dsubscriptionbox input[type=”submit”]:hover {color:#333333;}</style>
Some Tweaks & Instructions:-
- Replace Triposoft with your Facebook username
- Replace triposoft with your Twitter Username
- Replace triposoft with Feedburner username
- Now Hit Save and You are Done !