Friday, April 25, 2014

Widget Subsribe Dengan Sosial Media Biru


Widget

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/AVvXsEhn2FR8ze2ZukWFDbAnyzx_dNgADReUpMiAuGFa_5QxP65ELB_n9gJe6Me02S-QC8Ix73ntjyuPVmPezoa93c6SelazXxLvJcRhNGj0QKAqoFCQPce7bc-X_Uf543mNtQXuBxX0nkkhZks/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/AVvXsEg5lgSpzBM5CMaoJjsWiIo575B9YYZhXebqlwam6ZiuKcZ6Cl1Fbft1Qioo6Z-Xg7K63KDNDTg3U5bU6AjILO5ozw1WCVuSx8pkZ2Tzvw0aA85UwmT59kXsn3ALtq8bGZ2geRXzvj0xqW4/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/AVvXsEhvC1TWJq07IEuO5KdY3SbODwospGlvHpW8NrLSpjeSTjJS8pjjgluZlNSOx2Fz2cCiBBDUbO4zHin9dtMzufIvxug1JTymRO34C8yjW4Yza1YwgOyMZrW-BfQLkDq8XHMD310TvkVITrMM/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/USERNAME ANDA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKcHBYZDX9oDe-_n0-HcbE4xOlpR01J1MGkotc3p_R6g4XxAk2jSZHsz53Dy6CQ7AUlEdXFEmm84tjUAD87yzD3ClmiZohTbmS2YWp81CR8D9F7u07bmalThgMagWCf2NOcm8uTURSmBXI/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/AVvXsEhOl2PYsdQ9XAbKl_tYRQsHp61merkMbRnuHOGZkNlUQH_OwVmhyphenhyphengZJK71LdwHDcIlKSrbHbwCyyi7zRD5itaNJQz8hU32A9v8NhdIGLh5xhq1DlMNOkrIPqv23qjwQhvBSEBjcFiefxZae/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/AVvXsEjP221IUwrUrfUNDIK-shTXOjxyDaAMMTln_jMkfqRSNTgARIK_UCNCEE9jGbQSONh4MEJbzE8BCnn2OrRIK1P4jp8LzUwTHvuI8vRrh5MC7N-D10xq17u1dwMIvKRZxXP7wNl3Ogmsb1Fu/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


Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit
0 Comments
Tweets
Komentar

0 comments:

Post a Comment