MyBloggerTricks Subscribe box Full Source Code

Hi, I am Vishnu. It's being so long since I blogged here. I was busy with one of my blog Stack Bloggers. This is fully developed and is ready to use.

Demo of the MyBloggerTricks Subscribe box

Hey, Welcome!

I am Vishnu, a passionate blogger, entrepreneur, youtuber, SEO consultant, android developer, crazy programmer.

Blogging is my passion. read full story →

Like

2000 people like TECH MOBS

Just Copy Paste this code, It's cool and working. You need to change the Feedburner URL and thing like that.

<style>
.list-wrap{
clear:both;
border:1px solid #eee;
padding:10px 15px;
}
.list-wrap{
clear:both;
border:3px solid #462511;
padding:15px 10px 0;
background:#242729;
border-radius:3px;
box-shadow:3px 3px 4px #666;
}
.list-wrap{
clear:both;
border:3px solid #462511;
padding:15px 10px 0;
background:#242729;
border-radius:3px;
box-shadow:3px 3px 4px #666;
}
.list-wrap {
padding-top:40px;
}
#profiletechmobs2,#profiletechmobs2 img{
display: inline-block;
float: left;
border:3px solid #f1f1f1;
margin:2px 10px 0 0;
padding:5px;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
box-shadow:1px 2px 4px #000;
}
#profiletechmobs2:hover{
border:3px solid #ccc;
}
#profiletechmobs2,#profiletechmobs2 img{
display: inline-block;
float: left;
border:3px solid #f1f1f1;
margin:2px 10px 0 0;
padding:5px;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
box-shadow:1px 2px 4px #000;
}
#profiletechmobs2:hover{
border:3px solid #ccc;
}
.welp{
color:#6acb04;
font-size:18px;
font-weight:400;
font-family:sans-serif;
margin-bottom:8px!important;
}
.mohp{
color:#fff;
font-size:15px;
font-weight:400;
font-family:sans-serif;
line-height:1.5em;
padding:0!important;
}
.mohp i{
color: #6acb04;
font-size: 12px;
padding: 0px 5px;
}
.divme{
margin:0;
padding:0;
}
.email-input{
padding:8px 10px 8px 34px;
border:none;
color:#969696;
width:84%;
font-size:12px;
border-radius:1px;
background:rgba(19,19,19,0.48);
box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 rgba(0,0,0,0.3);
margin-bottom:10px;
}
.email-input{
padding:8px 10px 8px 34px;
border:none;
color:#969696;
width:84%;
font-size:12px;
border-radius:1px;
background:rgba(19,19,19,0.48);
box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 1px 0 rgba(0,0,0,0.3);
margin-bottom:10px;
}
.ftn-o{
max-width:100%
}
.ftn-o,.fcount-o,.ftn,.ftn .label,#fcount{
display:inline-block;
vertical-align:top;
}
.ftn i{
padding: 2px 2px 0 2px;
}
.ftn{
background: transparent linear-gradient(#252525,#4e4e4e) repeat scroll 0 0;
text-shadow: 0 -1px 0 #354C8C;
}
#facebook-div .ftn:focus,#facebook-div .ftn:hover,#facebook-div .ftn:active{
background:transparent linear-gradient(#5B7BD5,#4864B1) repeat scroll 0 0;
border-color:#5874C3 #4961A8 #41599F;
box-shadow:0 0 1px #607FD6 inset;
}
#facebook-div .ftn-o{
max-width:100%
}
.ftn-o,.fcount-o,.ftn,.ftn .label,#fcount{
display:inline-block;
vertical-align:top;
}
#facebook-div .fcount-o{
position: relative;
}
.ftn i{
padding: 2px 2px 0 2px;
}
.fcount-o,.ftn,.ftn .label,#fcount{
display:inline-block;
vertical-align:top;
}
#facebook-div .fcount-o{
position: relative;
min-width: 15px;
min-height: 17px;
text-align: center;
padding: 0px 5px;
margin-left: 2px;
background: #333 none repeat scroll 0 0;
border: 1px solid #3c3c3c;
border-radius: 3px;
}
</style>
<br />
<div class="list-wrap">
<a href="https://www.techmobs.in/p/about.html" id="profiletechmobs2"><img class="opacity2 wow zoomIn animated" height="75px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlskGPzbba4u2-cF4cJPN2hVJpv3lIiMQEgDPxfIAWCNSt6k-8_Ua8HiaJ0AbC3Une_GGSktjy2ZD7pFvOuqAl0r5y2rnf8E_VxT65U4Tcov5i_Yvdqv0c8c9peN8nIFgZvlnskuQVxsQ/s1600/Vishnu-Sivadas.jpg" style="animation-name: zoomIn; visibility: visible;" width="75px" /></a>
<br />
<div class="welp">
Hey, Welcome!</div>
<div class="mohp">
I am Vishnu, a passionate blogger, entrepreneur, youtuber, SEO consultant, android developer, crazy programmer. <i class="fa fa-heart"></i></div>
<div class="mohp">
Blogging is my passion.<a href="https://www.techmobs.in/p/about.html" style="color: #888888;"> read full story →</a></div>
<br />
<div class="divme">
<form action="https://feedburner.google.com/fb/a/mailverify" class="email-form2" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=news/techmobs', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email-input" gtbfieldid="10" name="email" onblur="if ('' === this.value) {this.value = 'Receive Free Email Updates...';}" onfocus="if ('Receive Free Email Updates...' === this.value) {this.value = '';}" type="text" value="Receive Free Email Updates..." /><input name="uri" type="hidden" value="news/techmobs" />
</form>
<a href="https://feeds.feedburner.com/news/techmobs"><img alt="" height="26" src="https://feeds.feedburner.com/~fc/news/techmobs?bg=333333&amp;fg=ffffff&amp;anim=1" style="border: 0;" width="88" /></a><br />
<div id="facebook-div">
<div class="ftn-o">
<a class="ftn" href="https://facebook.com/androidtricksofficial" target="_blank" title="Follow TECH MOBS updates on Facebook!"><i class="fa fa-facebook"></i><span class="label" id="l">Like</span></a></div>
<div class="fcount-o">
<div class="arrow">
<s></s><i></i></div>
<a href="https://facebook.com/androidtricksofficial" target="_blank">2000 people like TECH MOBS</a></div>
</div>
</div>
<br /></div>

Find us on Social Media:
Facebook: https://www.facebook.com/vishnusivadasvs
Instagram: https://www.instagram.com/vishnusivadasvs
Twitter: https://www.twitter.com/vishnusivadasvs
Google Plus: https://plus.google.com/+VISHNUSIVADASVS