Cara Membuat Widget Subscribe by Email Di Blog – Widget ini mempunyai kegunaan bagi para pengunjung blog Anda yang ingin berlangganan atau mengetahui setiap artikel terbaru dari blog Anda melalui email mereka. Dengan banyaknya orang yang berlangganan artikel dari blog Anda, maka hal ini sanggup meningkatkan trafik kunjungan ke blog Anda. Banyak blogger yang memasang widget subscribe by email di blog mereka dengan impian para pengunjung akan menjadi pelanggan artikel blog, sehingga blog mereka lebih sering dikunjungi. Ada banyak model dari widget ini yang sanggup dipasang di blog Anda, salah satunya menyerupai gambar dibawah ini.
Untuk menciptakan widget subscribe via email dan memasangnya di blog sangat gampang dilakukan. Selain memakai widget “Ikuti Lewat Email” yang telah disediakan oleh pihak blogger, Anda juga sanggup dengan gampang menciptakan sendiri widget tersebut. Untuk membuatnya, silahkan ikuti langkah-langkah berikut ini :
1. Silahkan masuk ke bab Tata Letak blog Anda.
2. Klik “Tambahkan Gadget”.
3. Pilih “HTML/JavaScript”.
4. Copy script di bawah ini, dan paste didalam kolom konten widget.

<style> #sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url(https://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 10px;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(https://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:#076BB8;border:1px solid #ffffff;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:#333333} .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”> <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?uri=ID Feedburner” class=”sidebar-subscribe-box-form” method=”post” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true” target=”popupwindow”><input name=”uri” type=”hidden” value=”ID Feedburner” /> <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=”Cara Membuat Widget Subscribe by Email Di Blog” type=”submit” value=”Subscribe Now !” /></form> <br/> <a class=”social-icons” href=”https://facebook.com/pages/……….“><img alt=’Facebook’ src=’http://2.bp.blogspot.com/-2G1uqwb-1UU/Ui26dXoMoiI/AAAAAAAAJp8/fVWh-BDY6Ys/s1600/facebook.png’ title=’Facebook’/></a> <a class=”social-icons” href=”https://twitter.com/………“><img alt=’Twitter’ src=’http://3.bp.blogspot.com/-TTziR7rv-oM/Ui26fIddfrI/AAAAAAAAJqQ/C9GAkKae2mc/s1600/twitter.png’ title=’Twitter’/></a> <a class=”social-icons” href=”https://plus.google.com/u/0/…………“><img alt=’Google Plus’ src=’http://2.bp.blogspot.com/-lq7DwjA6zPE/Ui26dtifTYI/AAAAAAAAJpw/rjIuC5ThO7I/s1600/gplus.png’ title=’Google Plus’/></a> <a class=”social-icons” href=”http://feeds.feedburner.com/…….“><img alt=’RSS Feed’ src=’http://2.bp.blogspot.com/-5Cj8lzm0SIs/Ui26ekOUupI/AAAAAAAAJqM/IxD4bXjezkA/s1600/rss.png’ title=’RSS Feed’/></a> </div></div></div>

Ganti goresan pena yang berwarna HijauSubcribe To Our Email……” sesuai keinginan Anda.
Ganti goresan pena yang berwarna Merah dengan ID Feedburner Anda.
Ganti goresan pena yang berwarna Biru dari masing-masing yang ada dengan url milik Anda.

5. Simpan, dan lihat hasilnya.

Cara Membuat Widget Subscribe by Email Di Blog Cara Membuat Widget Subscribe by Email Di Blog

Itulah Cara Membuat Widget Subscribe by Email Di Blog yang sanggup Anda lakukan. Masih banyak lagi model widget email subscribe yang sanggup Anda dapatkan di banyak sekali website yang membahas ihwal blogging, silahkan tentukan pilihan Anda. Semoga artikel ini bermanfaaat.

Posted in Internet

More about: