Widget Subsribe Dengan Sosial Media Biru Untuk Blogger

Widget Subsribe Dengan Sosial Media Biru Untuk Blogger | Subsribe box atau kotak berlanganan pastinya sangat di butuhkan untuk seorang blogger untuk kemajuan blognya, sama dengan widget ini di lengkapin dengan sosial media bisa menghemat tempat dan waktu hehehe, Jangan terlalu lama berbicang, pastinya sobat sudah mengertikan ? langsung saja kita coba mengunakan widget ini yang pastinnya mudah diterapin dan sangat elegan seperti dibawah ini :

Widget Subsribe Dengan Sosial Media Biru Untuk Blogger

--------------------------------------------------------------------------

• Login ke blogger
• Masuk kemenu ''Tata Letak''
• Klik ''Tambah Gadget''
• Pilih Gadget ''HTML/JavaScript
• Copy kode dibawah di simpan di kotak yang disediakan

<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfJnJoqftDihM1zDazpwBWP5tQQmeKJyiaV6jaoDvC7Ea4MT9WnbOn7lKNDFR2YMyGdfoyzzeSJHilFKHHukubZPf1H6BP2vp85wK72gaDgDI3ZRA52SQnGRDTYdYd5Oar5kqWHz0Wn0/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQPonVljt2Ac4irxRXfRnBwSf9uNWIw0vrr3PaamiU2eEmdQNvDbuATNwHKY3U2ebZq9OZy5q8YkCuq3DLvNt4w1eoqXGlfW0WVCCeoMvFXKpC2rWlLFgpQgSwAcY9-jnNR2es7QHPhfM/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>

<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br/>
<a class="social-icons" href="https://facebook.com/USERNAME ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-q-CAJZ_cFT7MwaCpWkjUCKkegnEswbEy6jI8-0pOBsAp-hWHkkIOxUdAD35sd2RdrY0rqEM_d8QZtQawM_w3Dh_bj_S_v7TFNMQosjDIKht0FIFTbbzRWLFvpMz9t9_5va3vU4kiW7LE/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/USERNAME ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpQwrbH1l1y8Gbq5JGzQfI2Qivu-xZVqLOPv3y5b2vcXWMzw559lq1rERUowDRISb3iLbMWHIA-sGf15actQVUoojAJVQwqRBCwBBqa7WRGKV18LgOKjiGxYqVx7hrb8mJ1JswG6HLGwPF/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/ID GOOGLE+ ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPBgxNT7fy_DhZfHgh5v5lfxNq8b2Le6xomUPVXfUqn2ZiKvDtQDzzwLy6Bl4CmZhVvUQpqNbS-QcP4KrTxYREUy5hvIPsqx8p39-0e0V9riG9WRzs79EVqUQMEfXxKZHlm6DbOKEngzit/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/USERNAME ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmjpZKb-3LmapdCT7O525zCf_RJcXdGuLZFNwaoRui-zq5hCl-Bs7QrBDwQy6WiizaBGl-Zt0_twWwBLmqFKV-LdDsvZiERNmPhlGqffCu_Eg_qtEmPSXbBzDc6Qyq1qVzGiMw0AwfOajk/s1600/Bloggertrix-Rss.png" /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME ANDA', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="USERNAME ANDA" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>

• USERNAME ANDA Ganti dengan UserName Facebook Anda
• USERNAME ANDA Ganti dengan UserName Twitter Anda
• ID GOOGLE+ANDA Ganti dengan ID Google+ Anda
• USERNAME ANDA Ganti dengan ID FeedBurner Anda
• Setelah di ubah sekarang, Klik Simpan 

Dan Demikianlah Artikel yang berjudul Widget Subsribe Dengan Sosial Media Biru Untuk Blogger semoga artikel ini bermanfaat bagi kalian semua dan kalau ada pertanyaan tentang artikel di atas silakan berkomentar di kolom komentar di bawah ini

Source Code : BloggerTrix