Membuat Kotak Langganan Via Email Berada di Bawah Postingan

Free Shop Ilmu - Kotak Langganan Via E-mail di blog adalah sangat penting tentunya, bagi sobat yang ingin mendapat traffic lebih. Mungkin pengunjung blog sobat ingin selalu mendapat artikel terbaru dari blog sobat. Oleh karena itu Langganan Via E-mail bisa jadi pilihan lain pengunjung untuk selalu mendapat artikel terbaru dari blog sobat. Ok, langsung saja bagi sobat yang mau memasangnya silakan ikuti langkah - langkahnya.

• Pertama saya akan berikan kode Langganan Via E-mail. Berikut Kodenya.

<style>
.form {
border:2px solid #000; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:511px; /* panjang form */
height:120px /* tinggi form */
}


.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgChw60WfiRVlXqNP0hOUC6x0jUGxbz3KsZMFmTRApZVYo2F5VdxlGjrOpaKy2I-3XQQeQWqR7sVwIV7JxRmK889Xs-rW_tbmV3Dbx714woEQBoSCtnLHaAcPAxri_i_fHb24xCOC6W2qZG/s128/rss_feed_logo.png ") no-repeat top right;
}


.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;
}
</style>


<div class="form">
<div class="rss">


<div style="padding-left:10px">Jika Sobat menyukai Artikel di blog ini, Silahkan masukan alamat email sobat pada kotak dibawah untuk berlangganan gratis via email, dengan begitu Sobat akan mendapat kiriman artikel terbaru dari <a href="http://saeful13.blogspot.com/" target="_blank" title="">Saeful13 blog</a></div>


<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Saeful13', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="Saeful13" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>


<div style="padding-left:10px"><a href="http://feeds.feedburner.com/Saeful13"><img src="http://feeds.feedburner.com/~fc/Saeful13?bg=0000FF&amp;fg=444444&amp;anim=1" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>

• Silakan sobat edit - edit terlebih dahulu kode  diatas
• Silakan sobat ganti teks yang berhuruf tebal dengan link dan judul blog sobat.
• Sobat juga dapat mengganti tulisan yang berwarna oranye sesuai keinginan sobat.
• Untuk teks berwarna biru silakan sobat atur sesuai lebar halaman posting sobat. Dan bila sobat ingin edit yang lainnya silakan sobat edit sesuai keinginan sobat. Sesuai keterangan pada kode diatas.
• Untuk teks berwarna kuning silakan sobat ganti ganti dengan ID Feedburner sobat. Misalnya http://feeds.feedburner.com/Saeful13. <===== teks yang berwarna kuning merupakan ID Feedburner sobat.
• Bila sobat telah selesai mengeditnya. Silakan sobat parse kode yang telah sobat edit. Untuk parse kodenya disini.
• Selanjutnya sobat pergi ke Template ► Edit HTML ► Lanjutkan.
• Jangan lupa sobat centang Expand Widget Template.
• Kemudian cari kode <data:post.body/>.
• Selanjutnya sobat simpan kode yang telah dimodifikasi dan  di parse di bawah kode <data:post.body/>.

Note :

• Bila kode <data:post.body/>. ada banyak. Saya sarankan sobat simpan kode Langganan Via E-mail di bawah kode <data:post.body/>. yang pertama.
• Sebelumnya saya minta maaf bila kata - katanya membuat sobat bingung.
• Bila sobat merasa bingung silakan sobat tinggalkan komentar.

Itulah Cara membuat Kotak Langganan Via E-mail di bawah Postingan. Semoga bermanfaat..

Single Links (Recommended)