Posted by : Unknown Juli 25, 2013

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!
Oke,kita langsung saja ke Tata Cara Memasukan Widgetnya :)

Cara 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/Lanz_4all" target="_blank" title="Ikuti Saya di Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7qVfrdts4NNV-2Fttk0rcwPT2WYdD7jscmFI5Ifs8fn1LoXMQECxUBOCQnKBW52P7auv4ITM6cmJ3EqEkryRQzQi4Iq2bsbAlVYOPnfUGQ_bIDBVBofr_dkvfqMxwg8kO5ttlM4TeooPc/s300/tuliskancom-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/LanzExclusive" target="_blank" title="Berlangganan Via Email">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhPAFTdny4HpPoCoCdmHWxHrIuUsofkqgfGqikE_A92o-G8OCbgI_jz6YVi1fa0PTDtgsB4C3pgXUG5H_W0xhimQwpCiGFm2CTrvOY4G29lTf8UFz9BffELz-PW4XZaXJ8h1rRXOnpzxuS/s320/tuliskancom-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/LanzExclusive" target="_blank" title="Temukan kami di Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9WEUvVtV1Ag-a207rFXYS9-dO3Q3S9E-EiNluokf1G5xSiTcfgkr4dBoM_YxzZLm3ij_tXhymN3Gdna7j7l22Vx5YNEr-VSUoxJCoS1tE4PZA92EPyzuNzgXrQaArfDA1CUXc8sp_G-OW/s320/tuliskancom-facebook-icon.gif" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/115289235598962360529" target="_blank" title="Tambahkan saya di Google+">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoHo0641AhfU8xkgMJxZGtl54L_U9gCfdsUpviATN5PqYVxTZoSnXDiBWXPgagmov215qVO3iQAAOKXljfkpNNDluPKl4V6seCeOycR25O0nCBvwZ8RTlJdJgEDBcIIK3C7FZ6BHl-R0Uu/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 Hijau Muda 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.


Oke sekian Dulu Tutorial Dari Saya,Semoga Tutorial ini sangat Membantu anda dalam Hal-hal Ilmu Mempelajari Tentang Blogger.Terimakasih Telah Membaca dan Berkunjung :) Jangan Lupa Follow dan Coment nya Jika ini Sangat Membantu & Bermanfaat untuk Anda :)

1 komentar

Sebelum Berkomentar Mohon Patuhi Peraturan Berikut :

-Berkomentarlah yang sopan
-Jangan berkata yang dilarang/Kotor.
-Gunakanlah Google Acc / Name /URL , Usahakan Tidak memakai Anonym
-Dilarang Spam , Sara , Floods.
-Dilarang Chat Yang Berbaur Porno.
-Tidak menaruh live link, jika melarang akan saya hapus permanen.

Salam,Admin Lanz EXCLUSIVE

Terima Kasih.

- Copyright © 2013 Exclusive Blog - Powered by Blogger - Designed by Johanes Djogan - Modified by AlamsyahJN