كود الإشتراك في المدونة

<style> #feature_box{background:#f0f4f4; border-bottom: 1px solid #D4D4D4; padding:10px 15px 0px;} #sleek-subscribe{display: block; margin:0 auto; } .newsheadline { color:#222; font-size:16px; line-height:50px; float:left; font-weight:bold; } .newsheadline span{font-size:38px; color:#444; line-height:14px; font-family: "Droid Sans",arial,sans-serif; font-weight:normal; } .newsheadline cite{font-style:normal; color:#f00; } .signform{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeKvMoRAfvwocWPVsLJlt0OMto1IKHhYJE_6OKXx0W7VxaV2j9yekKkvyR0Gk2scdELwjOuDbc9-Iks4H6W2R71p1edDciBvGuX2Vj_VpmAeqRhJp05XMNN6BonU2NBid4r3VpRhQmxQ/s1600/arrow.jpg') no-repeat; padding:0 0 10px 100px; float:right; } .txt2, .txt2:focus{ width:140px; font-size:15px; background:#f7f7f7; color:#004B80; border:1px solid #E36B0A; margin:0 5px; float:left; padding:10px; width:160px; border-radius: 10px; } .btn2, .btn2:focus { background:#E36B0A; margin:0 5px; padding:8px 10px 9px; border:1px solid #AD5513; color:#fff; font-size:15px; border-radius:10px; } .btn2:hover{ background:#6689b0; } </style> <div id="feature_box"> <div id="sleek-subscribe"> <div class="newsheadline"> <span>Sign up</span> for <cite>FREE</cite> daily Tips Directly in your Inbox.</div> <form action="http://feedburner.google.com/fb/a/mailverify?uri=Gooplz" class="signform" method="post" target="_new"> <input class="txt2" name="name" onblur="if (this.value == '') {this.value = 'your name...';}" onfocus="if (this.value == 'your name...') {this.value = '';}" value="your name..." /> <input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'your email address...';}" onfocus="if (this.value == 'your email address...') {this.value = '';}" value="your email address..." /> <input class="btn2" value="subscribe me!" type="submit" /> </form> <div class="clear"> </div> </div> </div>



هذا هو الشرح الكامل لهذه الإضافة
http://gooplz.blogspot.com/2014/05/how-to-get-sign-up-in-blogger.html