Tips Membuat Kotak Subcribe Keren pada
Blogger tentunya. Berikut screenshotnya :
 |
| Kotak Subcribe |
Berikut Cara Pemasangannya :
- Buka Edit HTML Template Blogger
- Cari kode ]]></b:skin> (CTRL+F)
- Letekan kode CSS berikut diatas kode ]]></b:skin>
#emailsub{clear:both;background:#3C3C33;color:#fff;display:block;position:relative;text-align:center;line-height:1.47}#emailsub
h4{font-size:24px;border-bottom:1px solid #746E6E;padding:10px;letter-spacing:2px}#emailsub input[type="email"],.sl_in_mail{margin-right:-6px;padding:16px
0 16px 40px;width:50%;border:none}#emailsub
form{text-align:center;padding:20px
90px}#emailsub input[type=submit]{border-radius:0;box-shadow:none;padding:18px
24px 16px;letter-spacing:2px;border:none;background:#E06;cursor:pointer;color:#FFF}#emailsub
.counter{margin:0
0 25px}#emailsub.efooter{background:none}#emailsub.efooter
form{text-align:left;padding:0}#emailsub.efooter input[type="submit"],#emailsub.efooter input[type="email"],.wg_in_mail{padding:10px;letter-spacing:0px}#emailsub.efooter.sidebar{background:#3C3C33;padding:20px}#emailsub.efooter.sidebar
form{text-align:center}
- Lalu pasang di pada bagian post footer kamu
- Cari kode <div class='post-footer-line post-footer-line-3'>
- Letakan kode berikut tepat dibawah kode <div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'>
<div id='emailsub'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=beneran-tips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><h4>Email Newsletter</h4><div class='counter'><b>Join with 549 Subscribers ! </b> Get Our Latest Articles Delivered to Your email Inbox and <b>Get Giveaways, Tips to Become a GEEK!</b></div><input class='sl_in_mail' name='email' placeholder='Enter Your Email Address' type='email'/><input name='uri' type='hidden' value='beneran-tips'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='SUBSCRIBE'/><p/><p/><p><small>When signing up you will initially receive a confirmation email requiring your approval to complete the Subscribtion.</small></p></form></div></b:if>
Note : ganti tulisan yang berwarna merah dengan id feed burnermu.
- Simpan Template kamu dan lihat hasilnya. Semoga Bermanfaat..