Cara Membuat Menu Subscribe di Blog

Posted by Zona Komputer Posted on 16:14

Cara membuat kolom subscribe via email di blog

Ok pengunjung blog saya yang tercinta :v, kali ini saya akan memberi tahu sebuah rahasia yang amat sangat besar, apa itu, yaitu Cara membuat menu subscribe pada blog :v.
Sebelumnya saya sudah posting cara memasang widget asal pengunjung, sitemap, dan lain lain. Nah kali ini saya akan posting tentang widget yang menurut saya cukup penting untuk dipasang di blog.
Apa fungsi dari subscribe? Subscibe berfungsi dan dimaksudkan untuk memberi kesempatan bagi pengunjung blog sobat untuk mengikuti blog sobat via email. Jadi jika sobat update artikel terbaru maka orang yang sudah mengikuti blog sobat akan diberi tahu secara otomatis.
Ok sebelum kita masuk ke langkah pemasangannya anda harus membuat akun feedburner terlebih dahulu.
Bisa anda baca DISINI
Jika sudah lalu:

1. Copy script berikut.

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgahw7qC2sT_m3x3IX9SQmd_4yx1pZpRqvFJ1r88HULCFcWv3BUxcIkIwiDvTuJhpliOwnbRqYZLHY8ktn-EAnuVkAi3EPlLEoe0yEybH3rk-7pZkH3JuKXpnrhla7-u8zFDxReh7PGBuA/s1600/mail.png) 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;
cursor: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:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:120px;
color:#666;}
</style>
<div class="hl-email">
Dapatkan Update Gratis <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=zonaakomputer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address&quot;;}" onfocus="if (this.value == &quot;Enter email address&quot;) {this.value = &quot;&quot;;}" value="Enter email address" type="text" />
<input type="hidden" value="zonaakomputer" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Keterangan:
Kode berwarna merah bisa sobat ganti sesuai keinginan sobat.
Kode berwarna hijau silahkan sobat ganti dengan alamat feedburner sobat.

2. Letakkan pada menu Tata Letak. Lihat gambar dibawah:

3. Pilih HTML/Java Script dan letakkan script tadi di kolom konten.
4. Simpan dan lihat hasilnya.

Berikut demonya:

Nah mudah bukan,  sekian postingan tentang cara membuat menu subscribe pada blog kali ini.
Semoga bermanfaat dan jangan lupa subscribe blog saya ya gan, oh iya sharenya jga dimohon ya.
Terima kasih dan sampai jumpa di lain waktu.