Cara Mudah Membuat Widget Subscribe Email Di Blog | Lare Pacitan

Blog personal yang berisi artikel bisnis online

Latest Update
Fetching data...

Cara Mudah Membuat Widget Subscribe Email Di Blog

Cara mudah membuat widget subscribe email di blog dengan tampilan yang simple dan keren, terdapat kutipan kata tepat diatas papan SUBMIT yang bisa kita isi dengan tulisan yang menjelaskan bahwa fungsi subscribe email untuk mendapatkan update artikel terbaru dari blog terkait

Umumnya blog profesional menyediakan papan submit email untuk pengunjung entah dimana letak tempatnya di widget mungkin, di bawah postingan artikel atau dibawah blog, tergantung kita menempatkanya

Nah di postingan ini saya akan menuliskan cara untuk membuat papan email subscribe di blog dengan tampilan yang sederhana simple responsive tidak membebani loading blog. Menariknya bisa kamu edit otak-atik sesuai selera

Baca juga : Cara menyembunyikan widget di tampilan mobile

Contohnya seperti gambar diatas saya juga menggunakan widget ini di blog saya yang satunya, dan hasilnya sangat positif tidak menggangu pengunjung dan terlihat menyatu dengan blog, saya menepatkanya tepat di sidebar widget paling atas

Apa sih manfaat memasang papan subsribe di blog ? jika ada orang yang mengunjungi blog kamu dan tertarik dengan artikel-artikel didalamnya selalu menungu artikel terbaru yang akan dipublikasikan dari blog tersebut

Widget Subscribe Email Di Blog

Disini subscribe email akan bermanfaat untuk pengunjung untuk mendapatkan artikel terbaru yang langsung di kirim melalui email

Cara mudah untuk membuat widget subscribe email di blog


Hal pertama yang harus kemu lakukan tentunya login blogger terlebih dahulu
Kemudian pilih menu Tema
Pilih Edit HTML
Copy paste kode dibawah ini taruh di antara kode CSS blog kamu, kemudian simpan
/*Subscribe Box */
#subscribe-box{background:#fff;padding:20px}
#subscribe-box p{font-size:13px;color:#444;margin:0 0 31px;padding:0}
#subscribe-box .emailfield{margin:auto}
#subscribe-box .emailfield input{background:rgba(0,0,0,0.1);border-radius:1px;padding:10px;color:#bcc4ca;border:none;font-size:14px;margin-bottom:15px;width:100%}
#subscribe-box .emailfield input:focus{color:#7f8c8d;outline:none}
#subscribe-box .emailfield .submitbutton{background:#03a9f4;color:#fff;margin:0;padding:12px;width:100%;letter-spacing:.5px;text-transform:uppercase;transition:all .3s;font-weight:600}
#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background:#039be5;color:#444;}

Selanjutnya pilih menu Tata Letak
Tambahkan widget Html Java Script
Copy paste kode dibawah ini
<div id='subscribe-box'>
<p>Tulis Email kamu dibawah kemudian pilih submit untuk mendapatkan update artikel terbaru dari blog ini.</p>
<div class='emailfield'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=KetikIde&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input type='text' name='email' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' pattern='[a-zA-Z0-9.!#$%&amp;&#8217;*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*' value='Email Address'/>
<input name='uri' type='hidden' value='KetikIde'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Submit'/>
</form>
</div>
</div>

Sebelum disimpan kamu perhatikan tulisan berwarna merah edit sesuai dengan kebutuhan. Dan tulisan berwarna biru ganti dengan alamat Feedburner blog kamu kemudian simpan

Baca juga : Manfaat mengaktifkan https di blog

Sampai disini cara untuk membuat widget/papan subscribe email di blog sudah selesai, jika ada yang ingin ditanya silahkan tuliskan dikolom komentar, ooh iya untuk mengetahui alamat Feeddburner blog kamu silahkan search di google banyak kog artikel yang membahas caranya

Semoga bermanfaat.

Add your comment
EmoticonEmoticon