Modifikasi Widget Subscribe dan Sosial Media

Table of Contents

Kali ini Andaviar akan share Modifikasi Widget Subscribe dan Sosial Media . berhubung ini sudah malam, mending langsung kita capcus :)

Modifikasi Widget Subscribe dan Sosial Media

Log in ke blogger

Klik Rancangan

Klik Tambah Gadget

Pilih HTML/JavaScript

Masukkan kode berikut ke dalamnya

<style>
.subscribeTblogging{border:0px solid #000; padding:8px; width:310px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.subscribeTblogging:hover{-moz-box-shadow:inset 1px 1px 10px 1px rgba(249,215,126,1); -webkit-box-shadow:inset 1px 1px 10px 1px rgba(249,215,126,1); box-shadow:inset 1px 1px 10px 1px rgba(249,215,126,1)}
.tbimailbox{border:1px solid #D3D3D3; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 1px 1px 1px rgba(255,172,84,0.4) inset; -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset; box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset; color:#666; font:14px "trebuchet ms",sans-serif; padding:7px 15px; width:160px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.tbimailbox:hover{-webkit-box-shadow:none; box-shadow:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.Tbloggingsubmit{font:bold 12px Tahoma,Geneva,sans-serif; font-style:normal; color:#fff; background:#ff5714; border:0px solid #fff; text-shadow:0px -1px 1px #222; box-shadow:2px 2px 5px #000; -moz-box-shadow:2px 2px 5px #000; -webkit-box-shadow:2px 2px 5px #000; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; padding:8px 15px; cursor:pointer; margin:0 auto}
.Tbloggingsubmit:active{cursor:pointer; position:relative; top:2px}
.Tbloggingsubmit::-moz-focus-inner{border:0; padding:0; margin:0}
</style>
<br />
<div class="subscribeTblogging">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Free Updates to your Inbox</div>
<div style="margin: 10px 0 0 6px;">
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME_FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="USERNAME_FEEDBURNER" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="Tbloggingsubmit" title="" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us:</div>
<div style="margin: -32px 0 0 120px;">
<a href="http://www.facebook.com/USERNAME" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwAf6tp1LpLANMGi6kwFTgpH12F7OHGmRffARS4HBAK3D1frvJ9NEAaXfZNcdOW9Hj9fYVI504MlPWvWdD7xPa5vECYb4VGAgRb8HvyOFtRVnsk6o2i-pIbNnZZF2bFadzYOFaedIokgU/s1600/facebook_btrix.png" /></a>
<a href="http://www.twitter.com/USERNAME" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVE0eVMgukdseKLsKa7zTAxd0Q5vd5hWxnUizst4LFqhE8plDscePOo3Wxu9kaZdEQcje0-hRjcXmrUVsAZuZF9OpY_RfrfdI7uczq1PbqQxetkR4SRKpkiRNWCvnZkKqEM-MencvgXx0/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/ID_GOOGLE PLUS" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia48iZGZ-9jPegJrRyo6bkpjYw2ssHoDVFCGVQXBg5kPKTN8tiCNHkfK6IPhbhR0a74CiwhWL6u7jXljVayp3G3-xykO8Pwz02yUmkCKtIMaZbRJe_cfLmIBtpYlAq72st07VWEG4-oDc/s1600/googleplus_btrix.png" /></a>
<a href="http://www.pinterest.com/USERNAME" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8xwfyp8Ci3qCAAax6PXXMLWcwnz_bJItPeMMtim0kECGME1ztWH151DD9Z-IW1bKWYfk8IowwnSgzj9cVWjsg9Qx-KqwUmbMDfJXAJsSc7wCONcOsp0BOUEovt8A5NS6L5oiKOOBLm8U/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/USERNAME" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSbBKBdCVyA05zNQH1e0lfhyphenhyphenzi3YovwNwPMkljZovnunHbGhohsAH0-K1jTMzYQuwZnbQvtdi2NQ-DXfRGNgbzF_3aq589-4HuWXiu_ghLIcgG0m-rUkn7MQshBW-wz7JE0jEdstha7xM/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/USERNAME"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/blogonol?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div></div>




• Simpan

Selanjutnya sobat tinggal sesuaikan USERNAME atau tulisan yang saya kasih tanda orange. Semoga bermanfaat