Widget RSS Subscribe Dan Sosial Media Untuk Blog | Hai, Pada artikel ini saya ingin berbagi widget
Subscribe dan
Icon Sosial Media dalam satu widget, sebenaranya
widget ini mempunyai latar yang berwarna gelap atau dark, widget Rss Subscribe adalah widget kotak berlangganan email dari blog tersebut dan setiap blog tersebut update artikel dan otomatis dikirim ke email sobat.
Sementara widget sosial media pastinya sobat semua sudah taukan ? sebagai sarana bersosial untuk blog dan bisa menambah
trafik blog sobat, lihat demonya di bawah ini dan sobat semua sudah tau sekarang kita langsung saja kita coba membuatnya di bawah ini :
Demo
Widget RSS Subscribe Dan Sosial Media Untuk Blog
------------------------------------------------------------------------------------------------------------
- Login Ke Blogger.com Dengan Akun anda
- Masuk ke menu ''Tata Letak''
- Sekarang klik ''Tambah Gadget''
- Pilih Gadget ''HTML/JavaScript
- Masukan kode dibawah ini, Dan simpan di gadget tesebut
<style>
#btrix-newsletter{ width:290px;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;}
#btrix-newsletter .btrix-title { margin-bottom:10px;margin-top:-10px; }
.btrix-title{margin-left: 8px;font-size:25px; font-weight:bold; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1px 8px 2px 8px;text-align:center;border:1px solid #151819;color:#fff;background:#222729;display:inline-block;}
#footer-subscribe-btn {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
position:relative;left:135px;}
.footer-submit-btn {margin-left:50px;margin-top:-5px;margin-bottom:-50px;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-btn: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="btrix-newsletter">
<div class="btrix-title">
Get Email Updates</div>
<div class="btrix-nl-text">
<center>
Subscribe to Get Latest Updates Free</center>
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=GhiyatsBlogs', '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="Your email address" />
<input name="uri" type="hidden" value="GhiyatsBlogs" />
<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/GhiyatsBlogs" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8hfN-O-oECBGUo8oYIq2ZeTGzW5-Rko3W581N_2DGtG4HOLe-mtpwyBGtCg2An2ynQClQ6HmWqs7NEJTY9y58HVqCNzKuI-N5DrznCyIRXXuOUyl_WXNDnkXhBewFhmiHDnk9MskNAB0/s1600/bloggertrix.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/GhiyatsBlogs" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn3Cbz5q2P_J55ygC0yco_Ltkrid1dgFpTXzmega5Mxjpoob5lYcsK6I77ioSP7am6ShYMHjkKlxUzzeNKnsPZCOoH507mihl8DULYSIPoK2XSytRJVB23bmrEThDTYuEmvLU__b5uEvE/s1600/bloggertrix.com-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/USERNAME" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAUu31W7H2v5Nt1NKWFEbsQ8tWV-mlYqAbLmnbhtA-GFPYiXJdFzI0Vh_Z-XNaCxH4KS0NHSOT2XZ1FaHlCL-jpF_Hi8Nwrh-JoIVtLZEe1bvyMhO8GRcz2Obf37vFZwq3Fkf5m4fFLT4/s1600/bloggertrix.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/108021608037797119476" target="_blank" title="Add me on Google+">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0YHWan15BZ9MyJjteppZJFGBCr7Aka2cEawQ2gAZz6hay-3Sb1ZC8ob5O2UgvoqIa63uLa88XTjHt6gixhXLp29eNxYg3sV7jXIYuv6TDTMNaZ6fISjZiIc-JNKKF8OiX4rkrYsgumI/s1600/bloggertrix.com-google-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/UserId" target="_blank" title="youtubr subscribe">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0FWnAe_oPHctE_zayXN-VBiaBxZWT6GbogQQ0qjWzZUwGGK0w9CsIIkn7OwUzHYEtbaEbuSY-RW974BU1WiuAu5E6lDnUCAJKvvZBEnGa5OkS8kU91x3EfrkRkz6J-6HH3BDSb-Y0kkw/s1600/bloggertrix.com-youtube-icon.png" style="height: 25px; width: 25px;" /></a>
</td></tr>
</tbody></table>
</div>
<input class="footer-submit-btn" id="footer-subscribe-btn" type="submit" value="Subscribe" />
<div class="clr">
</div>
</form>
</div>
- Ganti GhiyatsBlogs Dengan Id Feedburner anda
- Ganti GhiyatsBlogs Dengan username Twitter anda
- Ganti USERNAME Dengan username Faceook anda
- Ganti 108021608037797119476 Dengan ID Profile Google+ anda
- Ganti Userid Dengan username youtobe anda
- Setelah selesai, simpan widgetnya
Demikianlah artikel diatas semoga artikel ini bermanfaat bagi sobat semua dan berguna sesama, sobat semua boleh bertanya tentang artikel diatas atau masih binggung silakan berkomentar di kolom komentar di bawah ini ! dan saya akan menjawabnya pertanyaan sobat semua...
Happy Blogging
