Professional Wordpress Like Email Subscription Box For Blogger

Professional Wordpress Like Email Subscription Box For Blogger
In earlier days we have shared a lots of blogger widgets and tricks for bloggers. True Blogging Tricks (TBT) provided professional and awesome widgets for new bloggers and web masters. Today we also have another interesting wordpress like widget for blogger. By adding this widget you can get ultimate followers and users for their blog and website. This is one of the best email subscriber widget for the blogger. Just add this widget and see a difference of the blog in short time. Everyone knows that email subscription is the important and backbone of the blog bu which we can traffic easily even if a blog is not rank in search engines. So it is better for every blogger to have prominent widget for blog. IF you to add this widget into your blog just follow the following tutorial.
Also Read:- Create a Cute Subscription Form

How To Add A Professional Wordpress Like Email Subscription Box ?

So here we will give you some tips that how to add this widget into your blog easily with out hard movements. So below are the steps to add this widget in blogger so follow it carefully.
  • Goto your blogger account.
  • Goto Layout >> Add a Gadget >> Html/javascript gadget.
  • Paste the following code in it.
<div align="center" id="truebloggingtricks">
<div id="ig-subscription-optin" filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#55AAEE', endcolorstr='#003366',gradienttype=0 ); width: 265px;">
<h4 id="truebloggingtricks-title-text" style="color: 000; font-size: 20px;">
SUBSCRIBE OUR NEWSLETTER</h4>
<div id="truebloggingtricks-sub-title-txt" style="color: 000; font-size: 14px;">
Join us for free and get valuable content delivered right through your inbox.</div>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=truebloggingtricks/fGet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="name" id="truebloggingtricks_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter Your Name" /><br />
<input class="email" id="truebloggingtricks_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="truebloggingtricks/fGet" /><input name="loc" type="hidden" value="en_US" /> <input id="truebloggingtricks_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
<style>
#ig-subscription-optin {margin: 0px;padding: 10px;height: auto!important;padding: 0px 10px 15px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEXKmsGpnL5zhNwY5jQzgm3tzgdMXlnR3621iIVhbQCJBEb5cSX7CJj7Q2mebY4ClbxnNDXnZBYdoT4QRofWJsRNwEN2zlcAQmUvMg51d-ibEnakgc-qswiERJbtJGj9RTu7cpEZ47gdiI/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmyoHAFgLrhZ7qN6nzqbi0oGUbotPVYS3bzASwk2Oca50z65F9-XW9dYUD1LOJn1iEX73Ju83-eSX0pnKupI9kcO5c7NL0aJ3mragw_FHVBXkNNMbjofr7TwfTkNjSQYXFGgqUaur28Nnr/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h4 {margin-bottom: 8px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: red;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #f6640e; border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFFC00;}</style>

  • Click on save button and you are almost done it :)

Customization

Replace truebloggingtricks with your own feed-burner username name.

Tidak ada komentar:

Posting Komentar