Dec 29, 2012

Hover Red Css Email Subscribe Box to Blogger

Css Email Subscribe Widget to Blogger

This is a Beautiful CSS Type Email Subscribe Box for Blogger you also add this WordPress or any site,in this Post i will tell you how to this Professional look Email Subscribe Widget,as i told this is Css Email Subscribe Box Widget so we will add the CSS to Blogger First.


Now First we will add the CSS Code in Blogger Template so follow my Simple below Instruction.
  • Login to Blogger  >> Click on drop down menu >>then select "Template".
  • Now you will see  "EDIT HTML" Button ,Click on it >>  and then click Proceed button .
  • Now find this tag </head> by using CTRL +
  • Paste below code Just Before/above </head> tag  
<link charset='utf-8' href='' media='screen' rel='stylesheet' title='no title' type='text/css'/>

Email Subscribe CODE

Now we can  use below code to add Email Subscribe Box any where we want. you can add it as HTML WIDGET in blogger layout,But i will  Recommend You to add below Email Subscribe Box code to Template.

Just Find below Code in our Template .

<div class='post-footer-line post-footer-line-3'/>

and Below above code add the below code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='TWSubscribe'>
<p class='headline'>Subscribe Updates, Its FREE!</p>
<span class='Arrow'/>
<form action='' method='post' onsubmit=';;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <table><tr><td><input class='Text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email&quot;;}' onfocus='if (this.value == &quot;Enter Your Email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter Your Email'/> <input name='uri' type='hidden' value='egytricks'/><input name='loc' type='hidden' value='en_US'/></td><td><input class='Button' type='submit' value='Subscribe Now'/></td></tr></table></form>

Now all done Save the Template.

Subscribe Updates, Its FREE!


Post a Comment


Copyright @ 2013 EgyTricks.

Designed by Vikash | EgyTricks