Oke Guys. Kali Saya akan Memberikan Tutorial Cara Membuat Subscribe Form Responsive Dan Keren Ala Fostrap .Cara Memasang nya sangat gampang, bisa dilakukan dengan cara :
Klik TataLeta ( Layout ) > Add Widget > Html/Javascript
Note: Jangan Lupa Ganti Tulisan ClickUnduh dengan ID feedburner kalian.
Oke Kotak Subscribe Form Ini Saya Bagi Menjadi 5 Warna. Langsung Aja Cekidot :v
Klik TataLeta ( Layout ) > Add Widget > Html/Javascript
Note: Jangan Lupa Ganti Tulisan ClickUnduh dengan ID feedburner kalian.
Oke Kotak Subscribe Form Ini Saya Bagi Menjadi 5 Warna. Langsung Aja Cekidot :v
Grey Darken 4
<div class="container-subscribe card grey darken-4">
<div class="row">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=ClickUnduh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="col s12">
<div class="row">
<div class="input-field col s12">
<input class="email-field" name="email" id="email" type="email" class="validate"/>
<label for="email" data-error="wrong" data-success="right">Email</label>
<input type="hidden" value="ClickUnduh" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<div class="center"><button class="submit btn btn-danger waves-effect waves-teal white grey-text text-darken-4" type="submit" />Subscribe</button>
</div>
</div>
</div>
</form>
</div>
</div>
Grey Darken 2
<div class="container-subscribe card grey darken-2">
<div class="row">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=ClickUnduh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="col s12">
<div class="row">
<div class="input-field col s12">
<input class="email-field" name="email" id="email" type="email" class="validate"/>
<label for="email" data-error="wrong" data-success="right">Email</label>
<input type="hidden" value="ClickUnduh" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<div class="center"><button class="submit btn btn-danger waves-effect waves-teal white grey-text text-darken-2" type="submit" />Subscribe</button>
</div>
</div>
</div>
</form>
</div>
</div>
Teal
<div class="container-subscribe card teal">
<div class="row">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=ClickUnduh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="col s12">
<div class="row">
<div class="input-field col s12">
<input class="email-field" name="email" id="email" type="email" class="validate"/>
<label for="email" data-error="wrong" data-success="right">Email</label>
<input type="hidden" value="ClickUnduh" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<div class="center"><button class="submit btn btn-danger waves-effect waves-teal white teal-text" type="submit" />Subscribe</button>
</div>
</div>
</div>
</form>
</div>
</div>
Blue
<div class="container-subscribe card blue">
<div class="row">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=ClickUnduh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="col s12">
<div class="row">
<div class="input-field col s12">
<input class="email-field" name="email" id="email" type="email" class="validate"/>
<label for="email" data-error="wrong" data-success="right">Email</label>
<input type="hidden" value="ClickUnduh" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<div class="center"><button class="submit btn btn-danger waves-effect waves-blue white blue-text" type="submit" />Subscribe</button>
</div>
</div>
</div>
</form>
</div>
</div>
Red
<div class="container-subscribe card red">
<div class="row">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=ClickUnduh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="col s12">
<div class="row">
<div class="input-field col s12">
<input class="email-field" name="email" id="email" type="email" class="validate"/>
<label for="email" data-error="wrong" data-success="right">Email</label>
<input type="hidden" value="ClickUnduh" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<div class="center"><button class="submit btn btn-danger waves-effect waves-red white red-text" type="submit" />Subscribe</button>
</div>
</div>
</div>
</form>
</div>
</div>
EmoticonEmoticon