Kamis, 12 Desember 2013

Cara Untuk Menambahkan "Email Berlangganan Form" Untuk Blogger Blogspot

Bila Anda adalah menyediakan informasi yang berguna dalam blog Anda, maka berkali-kali beberapa pembaca akan perlu untuk mendapatkan update terbaru dari blog Anda. Untuk itu, Anda memerlukan Formulir Berlangganan Email di blog Anda, sehingga pengunjung tertarik dapat dengan mudah mendapatkan update terbaru. 


Untuk menambahkan email atau Formulir Berlangganan Feed blog blogger Anda (blogspot) sangat mudah. 
Cukup ikuti langkah-langkah selanjutnya: 

1. Login ke Blogger, kemudian pergi ke Layout> klik "Add a Gadget" link: 


2. Dari pop-up window, gulir ke bawah dan klik pada "HTML / JavaScript" gadget: 


3. Paste kode berikut di dalam kotak kosong: 
 <style>
. Hl-email {
no-repeat 0px 12px;
width: 300px;
padding: 10px 0 0 55px;
float: left;
font-size: 1.4em;
font-weight: bold;
margin: 0 0 10px 0;
color: # 686B6C;
}
. Hl-emailsubmit {
background: # 9B9895;
kursor: pointer;
color: # fff;
border: none;
padding: 3px;
text-shadow: 0 1px 1px-RGBA (0,0,0,0.25);
-Moz-border-radius: 6px;
-Webkit-border-radius: 6px;
border-radius: 6px;
Font: 12px sans-serif;
}
. Hl-emailsubmit: hover {
background: # E98313;
}
. Textarea {
padding: 2px;
margin: 2px 6px 6px 2px;
background: # f9f9f9;
border: 1px solid # ccc;
resize: none;
box-shadow: 1px 1px 1px inset RGBA (0,0,0,0.1);
-Moz-box-shadow: 1px 1px 1px inset RGBA (0,0,0,0.1);
-Webkit-box-shadow: 1px 1px 1px inset RGBA (0,0,0,0.1); font-size: 13px;
width: 130 px;
color: # 666;}
</ Style>
<div class="hl-email">
Berlangganan melalui Email <form action = "http://feedburner.google.com/fb/a/mailverify" id = metode "feedform" = "post" target = "popupwindow" onsubmit = "window.open ('http:/ ? / feedburner.google.com / fb / a / mailverify uri = helplogger ',' popupwindow ',' scrollbars = yes, width = 550, height = 520 '); return true ">
<Masukan gtbfieldid = "3" class = "textarea" name = "email" onblur = "if (this.value ==" ") {this.value =" Masukkan alamat email di sini ";}" onfocus = " if (this.value == "Masukkan alamat email di sini") {this.value = "";} "value =" Masukkan alamat email di sini "type =" text "/>
<input type="hidden" value=" helplogger "name="uri"/> <input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</ Form>
</ Div>

Pengaturan 
  • Ganti alamat url hijau untuk mengubah icon email
  • Kenaikan / Penurunan nilai lebar 130 untuk text area yang lebih luas
  • Ganti http://feedburner.google.com/fb/a/mailverify?uri=helplogger dengan Email Pakan tautan Feedburner Anda. Anda bisa mendapatkannya dengan mengunjungi akun feedburner Anda kemudian arahkan ke Mempublikasikan dan kemudian ke Email Langganan.
  • Ganti helplogger dengan judul feed Anda. Tampaknya pada akhir link feed Anda. Dalam kasus saya itu adalah http://feedburner.google.com/fb/a/mailverify?uri = helplogger

4. Sekarang Simpan widget dan periksa blog Anda. Nikmati!

Tidak ada komentar:

Posting Komentar