Cara Membuat Widget Subscribe V.4.0

Salam bloger !! buat sobat sobat saya yang tetap konsisten pada pengembangan blogspot di tanah air tercinta ini. Kali ini saya akan menjelaskan cara membuat widget email subcribe v.4.0 yang telah saya perbaharui dari widget email subcribe yang sebelum sebelumnya. Perbedaan dari widget email subcribe v.4.0 dari Versi terdahulunya memang tidak mempunyai perbedaan yang terlalu jauh menurut saya, tapi saya tidak tau tentang pendapat sobat sobat saya. Widget Email Subcribe v.4.0 ini memiliki fitur fitur antara lain :

G+
Facebook
Twitter
RSS
FeedCount ( Feedburner )
Form Subcribe ( Feedburner )

Oke langsung saja menuju TKP.

Login ke Dasbor
Pilih Layout Tata Letak.
Tambahkan Gadget ( letaknya tergantung anda ) pilih HTML/JavaScript
Copas code dibawah ini

<tablewidth="175" border="0" cellpadding="0"cellspacing="0">

<tr><tdwidth="250" height="157" valign="top">

<style>

.rivaistyle{/*Rivai Blog */

list-style-type:none;

margin:0;

padding:0;

}

.rivaistyleli{

display:inline;

width:60px;

height:60px;

}

.rivaistyleli img{

width:50px;

height:50px;

border:0;

margin-right:4px;

-webkit-transition:-webkit-transform0.1s ease-in;

-o-transition:-o-transform0.1s ease-in;

}

.rivaistyleli img:hover{

-moz-transform:scale(1.2);

-webkit-transform:scale(1.2);

-o-transform:scale(1.2);

}

.email-subscribe-emailbox{

padding: 5px 13px;

font-family:"Courier New", Courier, monospace;

border-top:0px solid silver;

border-image:initial;

height:42px;

background:#fff;

width:none;

}

.email-subscribe-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}

.email-subscribe-emailbox input.emailu{background: #eee1c9;border: 1px solid #BEBEBE;margin-left:-5px;float:left;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing: border-box;color:#BE7E7E;padding: 7px 10px 8px;width: 100%;-webkit-border-radius:3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 14px;font-weight:bold;}

.email-subscribe-emailboxinput.emailu:focus {color: #333;}

.email-subscribe-emailbox input.submitu {

-webkit-border-radius:3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 8px 10px;

font-weight:bold;

font-size:13px;

margin-bottom:1px;

float:right;

cursor:pointer;

}

.email-subscribe-emailboxinput.submitu:hover {text-decoration: none;}

.kirimDefault {border: 0px solid#dedede;text-shadow: #3d3d3c 1px 1px 0;background-color: #393433;background:linear-gradient(center top,#393433 0,#393433 100%);background:-webkit-linear-gradient(center top,#393433 0,#393433 100%);background:-moz-linear-gradient(center top,#393433 0,#393433 100%);background:-o-linear-gradient(center top,#393433 0,#393433 100%);background:-ms-linear-gradient(center top,#393433 0,#393433 100%);background:linear-gradient(center top,#393433 0,#393433 100%);}

.kirimDefault:hover {background-color:#015828;background: -webkit-gradient(linear,left top,leftbottom,color-stop(0,#015828),color-stop(1,#015828));background:-webkit-linear-gradient(center top,#015828 0,#015828 100%);background:-moz-linear-gradient(center top,#015828 0,#015828 100%);background:-o-linear-gradient(center top,#0096ff 0,#0096ff 100%);background:-ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background:linear-gradient(center top,#0096ff 0,#0096ff 100%);}

.style1 {

font-family: Georgia,"Times New Roman", Times, serif;

font-size: 14px;

}

</style>

</center></div>

<divclass="email-subscribe-emailbox">

<formaction="http://feedburner.google.com/fb/a/mailverify"method="post"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=RivaiSilaban','popupwindow', 'scrollbars=yes,width=550,height=520'); return true"target="popupwindow">

<tdwidth="7"> </td><td width="73"align="right" valign="top"><input class="submitukirimDefault" value="Subscribe" type="submit"/></td> <td width="19"> </td></tr></tbody></table></form></div></td></tr></table></td></tr></table>