Posted by Aak
Aak-share.com Updated at: 11:16:00 AM

Cara Membuat Widget Subscribe Keren

2 comments:
Cara Membuat Widget Berlangganan Email Subscribe Blogger - Sebelumnya saya telah menuliskan cara membuat artikel berlangganan feedburner, pada keali ini saya akan menuliskan cara membuat widget Beralangganan Email Subscribe Blogger. Widget berlangganan Email Subscribe ini tidaklah lepas dari peran feedburner, karena untuk memaksimalkan sektor email marketing ini memerlukan ID dari freedburner. jika anda belum mendaftarkannya ke freedburner bisa membacanya disini


Subscribe atau Berlangganan Email adalah sebuah layanan yang berfungsi untuk mengirimkan update artikel secara otomatis langsung ke email pengunjung. Bagi pengunjung yang sudah mendaftar dapat mengkonfirmasi langgananya melalui via email, mereka akan langsung mendapatkan update yang terkirim secara otomatis ketika ada artikel terbaru, kelebihannya-pun tidak ada batas kuota untuk berlangganan,dan tentunya free.

Widget Berlangganan Email Subscribe dapat meningkatkan trafik pada blog, karena memberikan informasi kepada pengunjung sudah ada artikel terbaru. Apabila anda tertarik Cara Membuat Widget Berlangganan Email Subscribe Blogger,berikut ini langkah-langkahnya :

Cara Membuat Widget Berlangganan Email Subscribe Blogger
1. Anda login keakun Blogger
2. klik Layout/Tata letak
3. Klik add Gadget
4. Anda Pilih HTML/Javascript
5. Anda copy kode berikut :

<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 60px;text-align:center;text-transform:uppercase}
 .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
 .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
 .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:0;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);}
</style>

<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
    <br/>
<a class="social-icons" href="URL Facebook"><img
src="http://2.bp.blogspot.com/-Cwh2orA2Qdw/VBZ3DKqyxmI/AAAAAAAADuc/8KeIUQrYApc/s1600/berbagi%2Bnitu%2Bindah_.png" /></a>

<a class="social-icons" href="URL Twitter"><img
 src="http://1.bp.blogspot.com/-yxF7F9TdfJs/VBZ3C09CFzI/AAAAAAAADuU/-kYFLhvnk3Y/s1600/berbagi%2Bitu%2Bindah_twitter.png" /></a>

<a class="social-icons" href="URL Google+"><img
src="http://1.bp.blogspot.com/-AuuIzUGl3Dc/VBZ3CdefH6I/AAAAAAAADuI/2WHQ-NNJaNk/s1600/berbagi%2Bitu%2Bindah_Goggle%2B.png" /></a>

<a class="social-icons" href="URL Feedburner"><img
src="http://3.bp.blogspot.com/-gY_ddfyiBts/VBZ3CTirhlI/AAAAAAAADuM/KyFMMSIcdC4/s1600/berbagi%2Bitu%2Bindah%2B_RSS.png" /></a>

<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form">"><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=aak-shareblogspotcom&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input name='uri' type='hidden' value='aak-shareblogspotcom'/>
<input name='loc' type='hidden' value='en_US'/><<input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>

Keterangan :
Ganti kode warna
biru dengan URL Facebook fanspage anda
Ganti kode warna Ungu dengan URL Twitter anda
Ganti kode warna merah dengan URL Google+ anda
Ganti kode warna orange dengan URL Feedburner anda
Ganti kode warna hijau dengan ID feedburner anda

Demikian Informasi Cara Membuat Widget Berlangganan Email Subscribe Blogger , semoga bermanfaat!

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

2 comments

maksih mas untuk label nya keren banget..

Balas

Ok mas,
Terima kasih juga mas sudah berkunjung.

Balas