Cara Membuat Follow By Email Dengan Flat UI

Cara Membuat Follow By Email Dengan Flat UI - Ini di gunakan untuk berlangganan/mengikuti artikel dari sebuah blog, simakn langkah langkah di bawah ini :

Letakan kode di bawah ini tepat di atas kode ]]></b:skin> atau </style>.

#subscribe-css { padding : 5px; background : #16a085; }
.subscribe-wrapper { color : #fff; background : #3498db; font : 13px; font-family : 'Oswald', Tahoma, Sans-serif; line-height : 20px; padding : 1px 20px 10px; text-align : center; border-radius : 3px; }
.subscribe-form { background : #3498db; clear : both; display : block; margin : 10px 0; overflow : hidden; } form.subscribe-form { clear : both; display : block; margin : 10px 0 0; width : auto; overflow : hidden; }
.subscribe-css-email-field { background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEN3IY6b-3eAmXydvbuCx4cblDkjeHM3o4HmDG-Y8VaUrWRynoigiaOVXR_Algc4tbTrVENXXmxnKyMmGZj7jWtc4GqKeNcPDK1CoFqPJmVpptDzuBUBDQcFqG0_AM4XvQPCMnKxNDRmW4/s1600/sprites.png) 1px -27px no-repeat #eee; color : #444; margin : 0 0 15px; padding : 12px 40px; width : 100%; border : none; }
.subscribe-css-button { background : #2980b9; color : #fff; cursor : pointer; font-weight : 700; padding : 10px; text-transform : none; width : 100%; border : none; font-size : 16px; transition : all 0.3s ease-in; }
.subscribe-css-button:hover { transition : all 0.3s ease-in; background : rgba(0, 0, 0,0.2); }

Dan letakan kode di bawah ini di HTML/Java Script.

<div class="subscribe-wrapper">
<p>Ikuti Blog ini dengan memasukan Email Anda dibawah ini! Terima Kasih</p>
<div class="subscribe-form">
<form action="http://feedburner.google.com/fb/a/mailverify" class="subscribe-form" method="post" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=AndikaOfficial', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" id="1359348936">
<input name="uri" type="hidden" value="AndikaOfficial" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email address " />
<input class="subscribe-css-button" title="" type="submit" value="SUBSCRIBE NOW !" />
</form>
</div></div>

Keterangan :

• yang ditandai warna merah bisa di ganti dengan user feedburner kamu.
• yang ditandai warna biru itu warna dan bisa di ganti dengan warna yang kamu suka dengan Kode Warna HTML.