Home » » Cara Membuat Widget Berlangganan Email Dengan Social Media

Cara Membuat Widget Berlangganan Email Dengan Social Media

Ditulis oleh Dicky Fajriansyah pada Rabu, 03 Juli 2013 | 22.57


Kali ini Dicky's akan menshare Tips Blog yang berjudul Cara Membuat Widget Berlangganan Email Dengan Social Media | Ayo sob, segera pasang widget berlangganan email ini, dilengkapi dengan social media dan tentunya akan meminatkan para pengunjung untuk berlangganan artikel diblog sobat. Ya, langsung saja ini Tips-nya.


Berikut Cara Membuat Widget Berlangganan Email Dengan Social Media :
  • Login ke Blogger, atau klik disini
  • Pilih Tata Letak --> Tambahkan Gadget --> Pilih HTML/JavaScript
  • Copy kode dibawah ini dan letakkan kekolom HTML/JavaScript

<style>
#fb-4rt-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-fb-4rt {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
position:relative;left:135px;}
.footer-submit-fb-4rt {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-fb-4rt: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="fb-4rt-newsletter">
<div class="fb-4rt-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=FajryBloggers-4rt', '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/DickyFajry" 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/FajryBloggers-4rt" 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/Dicky.Fajriyansyah" 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/100036115131863439765" 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-fb-4rt" id="footer-subscribe-fb-4rt" type="submit" value="SubScribe" />
<div class="credit-link">
<a href="http://fajry-bloggers-4rt.blogspot.com/2013/07/cara-membuat-widget-berlangganan-email.html">::Get This Widget::</a></div>
<div class="clr">
</div>
</form></div>

Keterangan :
- Ganti kode yang berwarna BIRU MUDA dengan Username Twitter Sobat
- Ganti kode yang berwarna BIRU TUA dengan ID / Nama Fan Page Facebook Sobat
- Ganti kode yang berwarna ORANGE degan ID Feedburner blog Sobat
- Ganti kode yang berwarna MERAH dengan ID Google+ Sobat

  • Simpan.


Semoga Tips Blog yang berjudul Cara Membuat Widget Berlangganan Email Dengan Social Media bisa bermanfaat......
dan selamat mencoba......
Dilarang menduplikasi dan menyerbarluaskan artikel tanpa menyertakan sumbernya. Jika melanggar, berarti telah melanggar UUD 1945 No. 19 Tahun 2002 Tentang Hak Cipta dan akan dijatuhi denda.
thumbnail Title: Cara Membuat Widget Berlangganan Email Dengan Social Media
Posted by:Dicky Fajriansyah
Published :2013-07-03T22:57:00-07:00
Rating: 5
Reviewer: 100 Reviews
Cara Membuat Widget Berlangganan Email Dengan Social Media

18 komentar: