Membuat Widget Berlangganan Email dengan Social Media

FARESPO - Bagi sebuah blog, trafik pengunjung adalah hal yang berikatan erat dengan kisah kesuksesanya, tanpa pengunjung, sebuah blog tidaklah berarti apa-apa, karena tentunya tidak ada satupun orang yang mengambil initasi ilmu dari blog tersebut, maka dari itulah blog marketing atau yang seringkali kita sebut pemasaran blog sangatlah dibutuhkan, karena dengan mengikuti perkembangan tren masyarakat yang semakin modern seperti ini, tentunya masyarakat merasa haus akan banyak informasi yang bisa mereka dapatkan dari Internet.

Membuat Widget Berlangganan Email dengan Social Media

Percaya atau tidak, ternyata blog berplatform blogger atau blogspot adalah salah satu penyumbang trafik terbesar di dunia Internet, bertengger di samping wordpress tentunya, namun kita perlu bangga jika kita menggunakan cms blogspot (bukan bermaksud meremehkan yang lain ya :p), karena blogger adalah satu-satunya platform tertua diantara semua platform, seperti weebly, webs, wordpress, durpal, joomla, dan lain sebagainya, karena ternyata blogger sudah dibangun sejak tahun 1996-1998, hampir bertepatan dengan lahirnya perusahaan raksasa internet Google Inc.

Kembali ke lap... top... oke sesuai dengan ulasan paragraf pertama, saya ingin menuturkan terlebih dahulu tentang beberapa jalan yang dapat anda tempuh guna menembus persaingan trafik blog yang semakin kompleks ini, beberapa jalur tersebut adalah, search engine optimization, social media, dan email marketing, tentu semuanya memiliki kelebihan dan kekuranganya masing-masing, namun ada baiknya kita memanfaatkan segala fasilitas yang sudah disediakan tersebut.

Dari ketiga opsi jalur diatas, pada kesempatan kali ini saya akan membagikan sebuah widget yang 'kiranya' relevan dengan teknik email marketing, yaitu pemasaran situs yang dilakukan dengan perantara email, jadi nantinya setiap pengunjung yang sudah menjadi langganan rss blog kita, maka mereka akan secara otomatis mendapatkan kiriman setiap artikel terbaru yang terbit di blog kita, jadi semua sudah terprogram, kita tidak usah lagi melakukanya dengan cara manual yang terkadang berbau spamming dan membosankan tentunya.

Membuat Widget Berlangganan Email dengan Social Media

1. Login ke Blogger.

2. Pilih Tata Letak / Layout.

3. Klik Add / Tambahkan gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode berikut ini kedalamnya.

<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background:#000000;
background: -moz-linear-gradient(top, #c0c0c0, #585858);background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#585858));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(http://3.bp.blogspot.com/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(http://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: 808080;border: 1px solid #808080;color: white;text-decoration: none;}input[type="submit"] {background-color: #808080;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #808080 url() repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style><center>
<div align="center" id="tuliskancom-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 1px solid #4c4c4c; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); width: auto;">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tuliskancom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/tuliskancom"><img src="http://www.thetaskinhand.co.uk/wordpress/wp-content/uploads/2013/01/facebook-icon.gif" height="48" width="48"/></a>
<a class="social-icons" href="https://twitter.com/tuliskancom"><img src="https://twitter.com/images/resources/twitter-bird-white-on-blue.png" height="48" width="48"/></a>
<a class="social-icons" href="https://plus.google.com/10992839283923121"><img src="http://files.softicons.com/download/system-icons/windows-8-metro-icons-by-dakirby309/png/512x512/Internet%20Shortcuts%20&%20Manufacturers/Google+.png" height="48" width="48"/></a>
<a class="social-icons" href="http://www.feedburner.com/tuliskancom"><img src="http://icons.iconarchive.com/icons/danleech/simple/512/rss-icon.png" height="48" width="48"/></a>
<input class="email" id="tuliskancom_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Ketikkan Email Disini..." /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="tuliskancom" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Subscribe Now!
" /></form>
</div>
</div>
</center>

Keterangan:

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

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

Demikian informasi terbaru tentang cara Membuat Widget Berlangganan Email dengan Social Media, simak juga artikel menarik lainya seputar tutorial dan tips trik blog tentang Membuat Like Box FB Melayang/Pop-Up dengan Timer, semoga bermanfaat, dan selamat berkreasi.

Sumber Referensi : Bloggertrix

1 Response to "Membuat Widget Berlangganan Email dengan Social Media"