Widget Subscribe Biru dan Tampan

 

Kali ini saya akan share Artikel tentang Widget, widget ini mungkin sering di jumpai para blogger saat berkunjung ke blog lain. Namun kali ini saya akan share Widget Subscribe Biru dan Tampan yang mungkin masih jarang kalian temui.

Langsung saja ke pembahasan

1. Login ke Blogger sobat
2. Klik panah kecil (Opsi Lainnya), kemuian pilih Tata Letak
3. Tambahkan Gadget, pilih HTML/Javascript
4. Masukkan Kode berikut
 

<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/AVvXsEi9l18RhahHx6xzQayA7_SfncZzy8q4VfGVwFS71TCHM5OcLnstWy0VJqbwOWbUs3JrifpyBWyjhttkOT3-uDLEiQhOL0i9-KF9H-B6kCGVyo8ucB8rFyPfGcabr-qwe-a3t5cv3PGofDI/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/AVvXsEg8AzdEnCGIcu3vmLKzfBRcZgaeQthNvxB5TGtojLu8yT8s5fqaiGXzibNyKTVWW4UFUO8YNy9OF1bAkazxRs2fTgmLhQyxKM5bIPXiZHZKbRlBs3Dqcl4KjeUCYNOHfD-CDeVT2EchScc/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/CoretaNewbiee"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBas7mVd0FbsJIEn0vQyTAi876MiKWoyZvXldxTYPQpe7f93qqxi_H9w5i_WC14Vyo3U9p7mRCBQXe4JhGtWNMtdZYHKiwpH1_klhO11yt6gpFNf_xRzA0UNfzzmNyBF_y3Ts6dvJ4veus/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/CNewbiee"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJl52IJGspqLXQLK5vTm9uEKIgPYoyWvpmo2STVBEEQHmGkdPEGkWFm6eK4grRbFuGB1iFNWqTPIQDiEaWVb3W1rCi14Qir_6lWrAHz10g_Gapd1EAhvAwzD1kclnz-FaY286-Rz0PYxKA/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/+Rudyardiansyahanonimekun"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0dIjCYxuyXMSFdb2gbprb_stS2VYRiC-Dae-Dvh0BgwO5YJNZoINwMtB8AHH4VMCD5VbEZxh7Kx8f-pMRAxO8LrxJLFvyzo1WCn1-P490pq7eQlmEl7hBcmadmWpCVe2ZEmQw0OzVADf/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/CoretaNewbiee"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCxBIsXfPYEmtc_wLpIOl6T1L4RmKyTYDxpmSg8B2088WYDc6FWUdQSq0R3Q3QK9DBoteE9T1AB7_nlY_w4Xsniud3BpU2h-Pw0gUSMc_kcdKf1synn4n0YGGNMXFlPdX-MlSaQi_xqLDa/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=CoretaNewbiee', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="CoretaNewbiee" />
<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>

- Keterangan:
      Tulisan berwarna Merah ganti dengan  link Fanspage anda
      Tulisan berwarna Oranye ganti dengan link twitter anda
      Tulisan berwarna Biru muda  ganti dengan link googleplus anda
      Tulisan berwarna Biru  ganti dengan link feedburner anda
      Tulisan berwarna Hijau muda  ganti dengan ID feedburner anda

- Simpan & Selesai

Sekian Pembelajaran tentang Widget

Semoga bermanfaat, Terima Kasih