Widget Subsribe Dan Sosial Media Super Keren

Widget Subsribe Dan Sosial Media Super Keren | Hai, sudah lama blog ini tidak update karena kesibukan admin di dunia nyata... masih melanjutkan artikel sebelum yang berjudul Widget Sosial Media Icon Dengan Search Box Untuk Blogger  , Widget ini memiliki efek hover pada kotak berlanganan dan tampilan memukau sob, jadi saya beri judul di ada super keren hehehe.... seperti ini jadinya sob, sobat tertarik langsung saja kita belajar membuatnya seperti dibawah ini

• Login ke Dasbor Blogger
• Pilih Menu ''Tata Letak''
• Klik ''Tambah Gadget''
• Pilih Gadget 'HTML/JavaScript
• Setelah itu, taruhlah kode di bawah ini dalamnya

<style>

.subscribebtrix {

border: 2px solid #000000;

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;

}

.subscribebtrix: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;

}

.btrixsubmit {

font: bold 12px Tahoma, Geneva, sans-serif;

font-style: normal;

color: #ffffff;

background: #ff5714;

border: 0px solid #ffffff;

text-shadow: 0px -1px 1px #222222;

box-shadow: 2px 2px 5px #000000;

-moz-box-shadow: 2px 2px 5px #000000;

-webkit-box-shadow: 2px 2px 5px #000000;

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;

}

.btrixsubmit:active {

cursor: pointer;

position: relative;

top: 2px;

}

.btrixsubmit::-moz-focus-inner {

border: 0;

padding: 0;

margin: 0;

}

</style>

<br />

<div class="subscribebtrix">

<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=ID ANDA', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">

<input name="uri" type="hidden" value="ID ANDA" />

<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="btrixsubmit" 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/AVvXsEj9nPYtJOsOZcccDXZG6RdlmtE-GdjGqFSm9I5rCqPZFqB7VQZeIZ_CXL-XG_qKvVg6WZZ99cuEqATYKfTm1i7JXlvUVAA_iCijOwuDsy3glY31nexmpfN6ddzoNgC7oomkhkmRh7dg15c/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/AVvXsEiBmLBrU_1Skg2yuSMJOlgQObnonnJFTBHVeCTSXrZX0U7yTYnFvdAyCY6b9QVhYPYxUTYx2HKaPWp1xz_tH_6pnoIJIWiSum9ceVgpHzSvMor3ZeU1lgGuq7kR-sPVwDd49daUbVqmFVI/s1600/twitter_btrix.png" /></a>

<a href="https://plus.google.com/ID ANDA" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcQrDzyY9WetfJcs-apjoCO3LViHs2F_U6JAfXAC60P-rbzxCR3YcggeJB7oChnJk0ub76uJN2Cxm3MFVo9DyiqNmtMpyB9D8wfk0aQJ0HTIeijFAg-4rZ1iauiP5xS75gAzwWEOxOu1M/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/AVvXsEik3w_u7ybgaBk02oRyYd6lLXjIwsU1jEyRx_fl9fhWU9sQYTckZFzikVaOUvF0ZWoHkeqYIPH4lMf8xUAiN9n3MBnMeiyg1RHr3E38L52ePiur2TpM9fD7S7mNKxKeihXvgXHgfJ4HSTQ/s1600/pinterest_btrix.png" /></a>

<a href="http://feeds2.feedburner.com/ID ANDA" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtDkQ0C4JGn2hozi13n4WkmOi4GT_lG7raWWRjTbWOuAjnTi-ETgwv5PQ2uQhgs6KFRvQ0R3boCxcDUuIf2EamyfwQo_NgijXFkwAJoP9BlVG6FTDsGnOXOClZ1Ig_4i4tdD32dDXHry4/s1600/rss_btrix.png" /></a>

</div>

<div align="center">

<a href="http://feeds.feedburner.com/ID ANDA"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/ID ANDA?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div>

</div>

• USERNAME Ganti dengan Uusername facebook anda
• USERNAME Ganti dengan Username twitter anda
• USERNAME Ganti dengan Username Pinterest anda
• ID ANDA Ganti dengan Id Profile Google Plus Anda
• ID ANDA Ganti dengan Id Feedburner anda

Dan demikanlah artikel yang berjudul Widget Subsribe Dan Sosial Media Super Keren semoga Artikel ini bermanfaat bagi sobat semua dan kalau ada yang ini di tanya tentang artikel silakan anda berkomentar di kolom koomentar di bawah ini