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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghhscqkW0ZF0fffYazzMtCBpZ5sAYILLxbJ0a3KuYwW9ZTTPWpuhCRCf9dAXBKRUr4ObGnKb0aEYyxDH-zPjOGZYycRh2cfim-jtfsFgGTgARP59a_0KNT6UqfMfu5juAeWY63TrQGeHao/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOa7E1ym_xJ4QLeVk_MoQJDZ_U4AljKphUWGyH51Pghfyt1ZnQ9cy4TZO1bqEs1bigmp-3Uz-YYSr7m83yuw-q5Fi8u-hGAfYtcd-yO5wB_viN2ivK9ZWGRHVPB28EQCmUMsm0gIF31yxW/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-URd0-8YaP8OFlug_9lTQqrpoS4gXkXmhHa5UEmzSYiT-j3sVghMyOI6QkFGASgH3wJTqcjpGqWk3At2NCrDfuNFUyppI877cfzHh1Qh9gnedjA7vKbz_n5QfF_tFRJMAXKv5tSJSC_Gt/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUFU1tWeNl7fdSyN5mPkVR366AtsggavIpJWnYqod-HwFyPYwY3QXo-t1ZfTqPTGLZudlmxs0jW3RPhh2YMlifozARnSOkdORhBxaz_zz8H7XoJia4l1a9Ts_VFjqNQKEOpx29C1Dcu6Z/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......
Post a Comment