Cara Membuat Follow By Email dengan Flat UI

Cara Membuat Follow By Email dengan Flat UI - Hai sobat blogger. Posting kali ini saya memberi sedikit tutorial untuk blogger.Ya, cara membuat follow by email dengan flat UI. Ini digunakan untuk berlangganan. Caranya sangat simple dan mudah. Mau coba? Ikuti langkah di bawah ini!

1. Buka Blogger
2. Pilih template lalu edit HTML
3. Letakkan kode di bawah ini 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/AVvXsEjjLX1xLxPgiX0fXMiHvs_HazcJcxYbtJ4H6KXt4G5OFdzIlwRZMaGBsOV5VE1DfdbbpcU1mpIoPkyTDxBacf_fWpVDr4dbQe3qN6Ngcq0qi2He_irIeLMESXdJPEZJsAIEREw3zENsrU3B/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); }

4. Klik Simpan Template
5. Buka  Tata Letak Lalu Tambah Gadget
6. Cari pilihan Kode HTML lalu copy kode berikut di tempat yang telah di sediakan

<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=Mahardika', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" id="1359348936">
<input name="uri" type="hidden" value="Mahardika" />
<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>

7. Klik Simpan

Kode berwarna merah ganti dengan nama blog kalian

Demikian posting singkat dari saya semoga bermanfaat. Sekian dari saya dan terima kasih