Kali ini saya akan
membagikan cara memasang Newsletter pada blog sobat, tujuannya adalah jika
seseorang ingin berlangganan dan ingin mendapatkan pemberitahuan melalui email
mereka mereka tinggal subscribe. Langsung aja.
1. Anda harus login dulu ke email blog anda.
2. Kemudian klik tambahkan gadget.
3. Klik tambahkan HTML/JavaScript.
4. Kemudian
beri judul Newslette dan Masukkan kode di bawah ini pada Konten.
<b:if cond='data:blog.pageType == "item"'> <style> .mtc-newsletter-box {width:500px; height:250px; background:#f5f5f5; border:10px solid #ABABAB;padding:5px;} .mtc-newsletter-box h1{font-size:20px; font-weight:bold; color:#444; text-align:center;} .mtc-newsletter-box p{font-size:16px; font-family:georgia; text-align:center;line-height:25px;} .mtc-newsletter-box input{background: white url(http://2.bp.blogspot.com/ dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat right;font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px; border: 1px solid #111 !important;font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important; box-shadow:2px #ABABAB;} .mtc-newsletter-box .submit{background:#ABABAB;} .mtc-newsletter-box .submit:hover{background-color: #444;border: 1px solid #444;color: white;text-decoration: none;} </style> <div class='mtc-newsletter-box'> <h1>Join Our Email Newsletter Now!</h1> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID Fedburner ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><div align="center"> <input name='email' onblur='if (this.value == "") {this.value = "Enter Your Email Address...";}' onfocus='if (this.value == "Enter Your Email Address...") {this.value = ""}' size='30' type='text' value='Enter Your Email Address...'/><input name='uri' type='hidden' value='ID Fedburner'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe Now!'/></div> </form> </div></div> </b:if>
1. Terakhir klik simpan dan lihat blog sobat.
Note:
·
Jika
ukuran tidak sesuai dengan ukuran blog sobat anda bisa mengubahnya dengan melihat
warna biru di atas.
·
Jika warnanya
tidak sesua dengan yang di inginkan anda bisa mengubahnya dengan mengubah kode
warna pada teks berwarna kuning di atas.
Tetapi sebelumnya
jika sobat belum mengetahui kode Feedburner sobat anda bisa login dengan akun
Feeburner sobat. Caranya
1. Login ke Feedburner.com
2. Kemudian klik Nama blog
anda, lihat gambar di bawah.
1. Berikutnya klik edit Edit Feed details dan
lihat nomor 2 copy kodenya dan paste pada kolom wgadget di atas, dan jadilah
kolom Newsletter anda. Semoga bermanfaat.
