Membuat Kotak berlangganan Keren di Widget
March 04, 2014 0 komentar
Membuat kotak berlangganan ini sangat penting bagi anda,karena dengan memasang kotak berlangganan di blog mungkin para pengunjung anda menginginkan Update tan terbaru bari blog anda,dengan mereka memasukan email mereka maka mereka dengan otomatis akan mendapatkan Update tan terbaru dari postingan di blog kita,dan kali ini saya akan share cara membuat Kotak berlangganan di widget dengan mudah,di antaranya adalah
- Masuk ke blogger
- Kemudian pilih Template
- Lalu Masuk ke Layout atau Tata letak
- Kemudian Pilih Tambah Gadget
- Lalu klik Javascrfit/HTML
- Dan masukan kode berikut di kotak yang tersedia
<style>
.subscribebtrix {
border: 2px solid none;
padding: 8px;
width: 300px;
-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: 150px;
-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=ExtraSoftwareKomputer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="ExtraSoftwareKomputer" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" 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/dido.ubed" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcQZt8lUslfv9t7kU1sivA8ZFoNG_GJrlPmDjnuIDceoe_7d3OFC-Yy1SF_kTphD50uvYxERK5FNOrr3vRs21uyK26Ojp-4lVfGv37JJlPAzURezSp9I6uEzr2M5X8cezT_dNehPxDKDo/s1600/facebook_btrix.png" /></a>
<a href="http://www.twitter.com/UbedDido" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPAbXMZjkcv4E6Cl9WbqBYKogpc4ICijWZ__eyPplBkE5ppHGvLnAkKTuHkGxnjuheQnAEiIHZ5nUbmtXVvP0f2-7A-UzGd9yT0AVpGHGmPT32sm8tqRWq0-RfOA_vznyQsiFaCJJUeaU/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/4521484462207300563" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCxSua_RacO-ALgPTNur-7Nwp7gWz5eH-VDH5yR1Z0C94L3l1zt-GS9W157aSPeBvAiNJ6gNg2OiDJm09Zfpq9YUNNckdWdd7rJT02axIxtvEhMVEcPBOs74X8iHMYS8U52cMmWuLYXJY/s1600/googleplus_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/ExtraSoftwareKomputer" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZWOwsnrJd5azpnGQr2Bhc8SPZr3brMwl1MwsbnWH7THIlewnGcB1Nb_aNmIEQ2S4kUaDH7dKOZ8vnmSN1BJU0h7qHTgu7Yjp3v9DFbF1OEs328uiFM58gawmyJoxIPznyj7X3NKcf9Z0/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/ExtraSoftwareKomputer"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/ExtraSoftwareKomputer?bg=FF9900&fg=444444&anim=1" style="border: 0;" width="88" /></a><script id="_waufma">var _wau = _wau || []; _wau.push(["small", "l2sdd6nqbfsk", "fma"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script></div>
</div>
- Kemudian Ok dan lihat hasilnya
iklan 5
iklan 6
iklan 4
