Membuat Kotak Berlangganan Email Dibawah Postingan

Membuat Kotak Berlangganan Email Dibawah Postingan - Kali ini saya coba berbagi widget yaitu Membuat Kotak Berlangganan Email Dibawah Postingan. Tampilan widget ini sangat professional, elegantuh dan tentunya user friendly. Untuk scrennshotnya seperti gambar berikut ini.

Kotak Berlangganan Email
Bagaimana? kerenkann..???
Nah untuk menggunakannya anda tinggal meletakkan kode berikut ini dibawah <data:post.body/>

<style>
#RB-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px
solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}
#RB-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}
#RB-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}
#RB-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}
#RB-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
#RB-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='RB-box'><h1>Subscribe To Get Free Posts Update!</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=odingkk;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='odingkk'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div>
</b:if>

Catatan: Ganti "Odingk" dengan alamat feedburner anda.
Setelah itu preview baru Save kalau tidak ada eroor. Selamat..!! kotak berlangganan email anda sudah jadi...

Source: realcombiz


Description: Membuat Kotak Berlangganan Email Dibawah Postingan Rating: 3.5 Reviewer: ItemReviewed: Membuat Kotak Berlangganan Email Dibawah Postingan
Support : Find us on Google+ | Privasi Policy
Copyright © 2013. Coretan Malam - All Rights Reserved
Template by Creating Website