Membuat Widget Berlangganan Email dengan Social Media

Membuat Widget Berlangganan Email dengan Social Media
Siapa yang tak tahu tentang Newsletter atau Email Marketing? Layanan ini adalah salah satu cara yang seringkali dipergunakan oleh para pebisnis dalam mempromosikan produk-produk dan jasa mereka, namun anda jangan salah presepsi terlebih dahulu, karena sebenarnya newsletter ini juga bisa dipergunakan sebagai sarana mempromosikan konten-konten blog lho! 

Namun, sebelum kita mulai menggunakan layanan gratis ini, ada baiknya kita juga memperhatikan tata cara melakukan email marketing untuk blog kita, salah satu syarat vitalnya adalah kita tidak boleh mengirimkan konten blog kita secara semena-mena kepada alamat email orang lain, karena seringkali dianggap sebagai "junk" atau "SPAM" di inbox mereka, dan blog kita bisa kena imbasnya.

Jadi bagaimana dong cara yang aman dalam melakukan email marketing? saya sarankan agar anda menggunakan fasilitas layanan dari penyedia rss directories yang banyak tersebar di internet, seperti feedburner, jika sudah mendaftar di feedburner, maka kita tinggal mengaktifkan layanan email subscription saja, lalu kita tinggal mengajak pengunjung berlangganan update blog kita dengan cara mendaftar dan konfirmasi lewat email (feedburner), jadi mereka berlangganan dengan berdasarkan sesuai minat dan bukan pemaksaan atau spam.

Nah, untuk mengajak para pengunjung berlangganan update blog kita tentunya juga tidak mudah, karena sebagian orang biasanya "risih" jika dikirimi email-email yang dirasa tidak perlu ke inbox mereka, akan tetapi ada juga orang yang merasa "cocok" dengan konten-konten blog kita lalu mereka berminat untuk berlangganan, pada intinya para pelanggan akan datang secara alami seiring dengan mengingkatnya kualitas blog kita. Untuk mengajak pengunjung berlagganan artikel terbaru di blog kita, anda bisa menggunakan widget berlangganan via e-mail yang menarik di bawah ini, dan juga sudah dilengkapi dengan social media lho!

Membuat Widget Berlangganan Email dengan Social Media

1. Login ke Blogger.

2. Pilih Tata Letak / Layout.

3. Klik Add / Tambahkan gadget.

4. Pilih gadget HTML/JavaScript.

5. Letakkan kode dibawah ini kedalamnya.

<style>
#tuliskancom-newsletter{width:250px;background:#2e3639; color:#fff;padding:20px; font-size:14px;  margin-bottom:20px;  -moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px  #000000;border:double 5px #000000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.credit-link {
position:relative;
bottom:-15px;
right:-100px;
color:#ffffff;
font-family:segoe ui;
font-size:11px;
}
#footer-subscribe-tuliskancom {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
position:relative;left:135px;}
.footer-submit-tuliskancom {margin-left:10px;margin-top:0px;margin-bottom:-90px;border: none;color: #fff;text-transform: uppercase; font-size: 13px;padding: 5px 18px 5px;background: #e93a30;border-radius: 30px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear;
-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer;
}
.footer-submit-tuliskancom:hover { background:#e51111;}
#fastsearch ,#footer-subscribe-email{background:#62686b;color:#fff;font-size:14px;border:none;
box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;outline:none;padding:0px 15px; height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#fastsearch.inactive ,
#footer-subscribe-email.inactive {color:#b5b7b8;}
#footer-subscribe-email {width:100%;}
#sb-nl-members-count {  font-size:12px; font-weight:bold;text-align:center;width:150px;margin:0 0 -36px 0 ;display:inline-block;
</style>
<br />
<div id="tuliskancom-newsletter">
<div class="tuliskancom-nl-text">
<center>
Get Latest Updates Free!</center>
</div><p></p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="inactive footer-text-field" id="footer-subscribe-email" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Ketikkan Email Anda Disini..." />
<input name="uri" type="hidden" value="bloggertrix" />
<input name="loc" type="hidden" value="en_US" />
<br />
<div id="sb-nl-members-count">
<table border="0">
<tbody>
<tr>
<td style="padding-right: 4px;"><a href="http://twitter.com/tuliskandotcom" target="_blank" title="Ikuti Saya di Twitter">
<img src="http://1.bp.blogspot.com/-eGVM73855ls/UdOgXcgVQtI/AAAAAAAAKJ8/ly1FZxtHFtM/s300/tuliskancom-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/tuliskancom" target="_blank" title="Berlangganan Via Email">
<img src="http://1.bp.blogspot.com/-idwdXN3CQpo/UdOg1LPlRpI/AAAAAAAAKKM/b7cOv0ZQDoY/s320/tuliskancom-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/tuliskancom" target="_blank" title="Temukan kami di Facebook">
<img src="http://3.bp.blogspot.com/-kIvp3ZumB0w/UdOgJ5BnPkI/AAAAAAAAKJ0/YDBn16JfFqQ/s320/tuliskancom-facebook-icon.gif" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/1029382938293829323" target="_blank" title="Tambahkan saya di Google+">
<img src="http://1.bp.blogspot.com/-GiLlzGXWKpA/UdOgkyP3hfI/AAAAAAAAKKE/0sBtguCt-y4/s320/tuliskancom-googleplus-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
</tr>
</tbody></table>
</div>
<input class="footer-submit-tuliskancom" id="footer-subscribe-tuliskancom" type="submit" value="SubScribe" />
<div class="credit-link">
<a href="http://www.tuliskan.com/2013/07/membuat-widget-berlangganan-email-dengan-social-media.html" title="Membuat Widget Berlangganan Email dengan Social Media">Get This!</a></div>
<div class="clr">
</div>
</form></div>

Keterangan:
  • Ganti kode yang berwarna biru muda dengan Username Twitter anda
  • Ganti kode yang berwarna biru tua dengan ID / Nama Fan Page Facebook anda
  • Ganti kode yang berwarna oranye degan ID Feedburner blog anda
  • Ganti kode yang berwarna merah dengan ID Google+ anda

6. Klik "Save/Simpan" gadget, dan selesai.

Demikian informasi terbaru tentang bagaimana caa Membuat Widget Berlangganan Email dengan Social Media, simak juga ulasan menarik lainya seputar tutorial dan tips trik blog tentang Cara Membuat Widget Social Media Metro Style di Blog, semoga bermanfaat, dan selamat mencoba.

Postingan terkait: