Cara Membuat Widget Berlangganan Via Email Valid Html 5 Dan Keren

Kali ini Saya Akan Memberikan Cara Membuat Widget Berlangganan Via Email Valid Html 5 dengan Widget ini anda Dapat Berlangganan Via Email bagaimana cara kerjanya yaitu dengan Mengirimkan Pembaruan Pos Pada Blog langganan anda dengan begitu anda dapat mengikuti pos pos terbaru dan anda tidak akan ketinggalan Pos Atau Berita Begitu Cara Kerja Widget Ini Oke Bagaimana Cara nya oke

1.Pastikan anda Manusia

2.Berakal Sehat

3.Memiliki Blog / web

4.Tidak Dalam Keadaan Mabuk

5.Masukan kode dibawah ini :

div id="sidebar-subscribe-box">

<div class="sidebar-subscribe-box-wrapper">
    <br/>
Berlangganan Artikel Blog <a href="http://Indo-template17.blogspot.com/" target="_blank">Indo Template 17</a> Via Email Yuk !! 
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=Alamat Feed" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Alamat Feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="Alamat Feed" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Masukan email anda disini..."/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Berlangganan" /></form>

</div></div></div>

6.Ganti tulisan berbackground :

=>Hijau dengan link blog sobat

=>Ungu dengan nama blog sobat

=>Merah dengan akun feed burner blog anda

Lalu Save

7. Sekarang Anda Pergi Template lalu Edit HTML Kemudian Cari kode ]]></b:skin> ( Ctrl + 7) 

8. Setelah Itu Copy Dan Paste Kode Berikut Tepat Di Atas kalo kode ]]></b:skin> tidak Memiliki Ruang kosong Klik Di sampingnya saja 

button:focus{background:#333}

 .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:5px;padding:4px 4px 4px}

 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}

a.social-icons{margin-right: 5px;height:45px;width:45px;}

a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}

9. Setelah Itu Cari Kode <b:include name='quickedit'/> Dan Hapus

10. Setelah Itu Di Save deh

Jika Anda Tidak Berhasil Hubungi Saya ya

Tweet