Change Mdfostrap with your Feed ID and Copy this script, layout > sidebar > Add a gadget > HTML/Javascript
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=Mdfostrap', '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="Mdfostrap" 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>
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=Mdfostrap', '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="Mdfostrap" 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>
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=Mdfostrap', '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="Mdfostrap" 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>
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=Mdfostrap', '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="Mdfostrap" 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>
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=Mdfostrap', '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="Mdfostrap" 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>
No comments :
Post a Comment