Cara Membuat Email Langganan Di Blogger

Cara Membuat Email Langganan Di Blogger : Ngblog

Cara ini digunakan untuk nantinya pembaca blog kita bisa berlangganan artikel kita melalu emailnya, dimana saat kita memposting artikel baru maka mereka yang berlangganan menerima email pemberitahuan bahwa kita telah mempost artikel baru.




Caranya :
  • Ke blogger - dashbord - tata letak -tambah gadget
  • Pilih HTML/JAVASCRIPT ,copy paste code berikut di box html/javascript :
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/><div id='byard-emailsubsocial'> <div class='heading'> Sign Up in Seconds </div> <p>Sign up with your email address to receive hot updates straight in your inbox.</p> <div class='emailsub'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=gantiyangini', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type='text' name='name' placeholder='Your Name' /> <input type='text' name='email' placeholder='Your Email' /> <input type="hidden" value="gantiini" name="uri"/> <input type="hidden" name="loc" value="en_US"/> <input value="Sign Up Now!" class="button" type="submit" /> </form> </div><p id='credits'>Powered By : <a href='http://www.fajarmyusuf.blogspot.co.id'>Fajar Yusuf</a></p> </div> <style type='text/css'> #byard-emailsubsocial { width: 300px; height: 330px; border: 1px solid #ddd; border-radius: 5px 5px 0px 0px; } #byard-emailsubsocial .heading {padding: 15px 25px;line-height: 35px;font-size: 26px;font-weight: 600;font-family: open sans;color: rgb(170, 170, 170);text-align: center;text-shadow: 0px 1px rgba(255, 255, 255, 0.75);background: none repeat scroll 0% 0% rgb(247, 247, 247); } #byard-emailsubsocial p { font-family: open sans; font-size: 13px; color: rgb(170, 170, 170); line-height: 25px; padding: 10px 20px 0 20px; margin: 0; } #byard-emailsubsocial .emailsub { padding: 0px 20px 10px 20px; } #byard-emailsubsocial .emailsub input { color: rgb(170, 170, 170); padding: 10px; margin-top: 10px; font-size: 15px; font-family: open sans; width: 92%; border: 1px solid #ccc; border-bottom: 2px solid #ccc; border-radius: 5px; transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } #byard-emailsubsocial .emailsub input:focus { border-color:#F4836A; outline: none; box-shadow: 0 0 2px 1px #F4836A; } #byard-emailsubsocial .emailsub .button { background: #F4836A; color: white!important; border:none; outline: none; border-bottom: 3px solid #B3614E; transition:background .4s linear; width: 90%; margin-right: 5%; margin-left: 5%; font-weight: 600; cursor:pointer; } #byard-emailsubsocial .emailsub .button:hover{ background: #DD7761; }#credits {margin: 0 auto!important;margin-top: -10px!important;width: 160px;} </style>





  • Tekan Ctrl+f lalu cari gantiyangini ganti dengan nama feedburner kalian(sebelumnya jika kalian belum daftar feedburner silakan daftar).
  • Lalu klik simpan.

Hasilnya pun sudah bisa kamu liat di blog kalian, semoga bermanfaat ^^




Berlangganan update artikel terbaru via email:

7 Responses to "Cara Membuat Email Langganan Di Blogger"

sigit sulistiono said...

thanks infonya

Dion Tambunan said...

wahh.izin coba gam,pengen buat di blog ane nih

Fajar Yusuf said...

your welcome gan

Fajar Yusuf said...

selamat mencoba gan

Ahmad Iqbal said...

Wah mantap,terimakasih sudah share,membantu sekali

Fajar Yusuf said...

sama sama gan

Rifaldy Saputra said...

thanks gan
nice share

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel