Widget Berlangganan Email untuk Blogger

Anda dapat menggunakan widget ini di bawah setiap posting. Ini  berlangganan kotak widget dibuat dengan css sederhana dengan latar belakang berwarna-warni. Dalam widget berlangganan email ini, pengunjung dapat menuliskan namanya. Kotak nama menjadikan widget ini lebih profesional. Dalam widget ini Anda dapat mengubah judul kotak berlangganan. Judul default adalah: "Berlangganan untuk semua berita dan pembaruan terbaru kami".

• LIVE DEMO

Sekarang mari kita mulai ini: 

Pertama, Anda perlu menambahkan kode CSS widget ini. Jadi, salin lalu di bawah css sebelum </style>

# subscribe-box {background-color: # 0CC388; font-family: 'PT Sans', sans-serif;} 
# berlangganan-box p {font-size: 22px; warna: #fff; line-height: 20px; padding : 10px 20px 0 20px; margin: 0;} 
# berlangganan-box .emailfield {padding: 0px 20px 10px;} 
# berlangganan-kotak .emailfield input {latar belakang: # f9f9f9; warna: #bbb; bantalan: 10px; margin-top : 10px; ukuran font: 13px; lebar: 91%; batas: 0; transisi: semua 0,4s kemudahan masuk;} 
# berlangganan-kotak. Input field email: fokus {background: #fff; garis besar: tidak ada; warna : # 888;} 
# berlangganan-kotak .emailfield .submitbutton {latar belakang: # 444; warna: #fff; transformasi teks: huruf besar; bobot font: 700; ukuran font: 18px; font-keluarga: 'PT Sans' , sans-serif ;; border: none; outline: none; width: 100%; cursor: pointer; border-radius: 3px; transisi: semua 0.4s easy-in-out;}
# berlangganan-box .emailfield .submitbutton: aktif {outline: tidak ada; perbatasan: tidak ada; latar belakang: #fff; warna: # e25734;} 
# berlangganan-kotak .emailfield .submitbutton: hover {background: #fff; warna: # 444 ;} 
.creadit a {color: # A7A6A6; mengapung: benar; ukuran font: 8px

- Simpan Templat

Sekarang tambahkan  gadget HTML / Javascript baru  dari Layout dan kode sebelumnya di bawah ini.

com / fb / a / mailverify ? uri = USER - NAME



, 'popupwindow', 'scrollbars = yes, width = 550, height = 520'); mengembalikan true "target =" popupwindow "> 
<input name =" name "onblur =" if (this.value == & quot; & quot; ) {this.value = & quot; Nama Anda & quot ;;} "onfocus =" if (this.value == & quot; Nama Anda & quot;) {this.value = & quot; & quot; & quot; "type =" text "value =" Nama Anda "/> 
<input name =" email "onblur =" if (this.value == & quot; & quot;) {this.value = & quot; Surel Anda & quot ;;} "onfocus =" if (this.value == & quot; Email Anda & quot;) {this.value = & quot; & quot ;;} "type =" text "value =" Email Anda "/> 
<input name =" uri "type =" hidden "value =" USER-NAME " />
<input name = "loc" type = "hidden" value = "en_US" /> 
<input class = "submitbutton" type = "submit" value = "Berlangganan Sekarang" /> 
</form> 
</div> 
</ div > 
<div class = "creadit">
<a href=" http :// blogger-templatees. blogspot. com / 2015/05 / email-subscribe-widget-untuk-blogger. html "rel="dofollow" target="_blank"> Dapatkan ini Widget </ a > </div>

Kustomisasi: 
Ubah semua USER-NAME dengan nama pengguna feedburner Anda. 

Dan akhirnya jangan lupa untuk membagikan kiriman kami dengan teman-teman Anda. Terima kasih.