Blogger9:- Add css feedburner stylish subscription box in blogger blog. 1

| | , , ,

Hi Now add this best css design feedburner subscription box in blogger easily.

Follow simple and easy step to adding this cool box in your blogger blog ----->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now click in small box to expand your blogger template.

* Find this code ]]</b:skin> by CTRL+F key.

* Now copy below code and paste before ]]</b:skin>

#subscribe {font-size:14px; color:#999;}
.subscribetext {background:url( left no-repeat; padding-left:20px; margin-bottom:20px;}
.subscriberss {line-height:35px; font-size:18px; border-bottom:1px dotted #CCC; padding-left:5px;}
.subtext { background:url( left center no-repeat; padding-left:37px; padding-bottom:5px;}
.twitter {line-height:35px; margin-bottom:15px; font-size:18px;border-bottom:1px dotted #CCC;}
.twittext { background:url( left no-repeat; padding-left:42px;}
.subscribemail {margin-bottom:7px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.subscribeinput{border:1px solid #CCC; width:180px; padding:3px;}
.subscribesubmit{ background:#FB9E3D; color:#fff; border:1px solid #FFF; font-family:Arial, Helvetica, sans-serif; padding:3px; width:70px; -moz-border-radius:5px;}
.facebook {line-height:35px;font-size:18px;border-bottom:1px dotted #CCC;margin:-10px 0 15px 0;}
.facetext { background:url( left no-repeat; padding-left:42px;}

* Now click to save your blogger template.

* Again go to your blogger Dashboard .

* Click in design tab and  you are here--->>> Page element.

* Now click in add gadget which is in sidebar and when open new window click in HTML/javascript from list.

* And when open new blank box copy below code and paste in blank box easily.

<div class='widget-content'>
<div id='subscribe'>
                  <div class='subscribetext'>Subscribe to our newsletter  updates!</div>
                  <div class='subscriberss'><a class='subtext' href='YOUR FEEDBURNER URL HERE'>Subscribe via RSS feed</a></div>
                  <div class='twitter'><a class='twittext' href='YOUR TWITTER URL HERE'>Follow us on Twitter!</a></div>
                  <div class='facebook'><a class='facetext' href='YOUR FACEBOOK URL HERE'>Join Us On Facebook !</a></div>

                  <div class='subscribemail'>OR, subscribe via Email</div>

                  <form action='' id='subscribeform' method='get' onsubmit=';;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                  <input class="subscribeinput" id="sub" name="email" type="text" value="" /><input name="url" type="hidden" value="YOUR FEEDBURNER EMAIL URL HERE" /><input name="title" type="hidden" value="WordPress" /><input name="loc" type="hidden" value="en_US" /> <input class="subscribesubmit" type="submit" value="Sign up" />

NOTE:-  Change highlighted text in above code with your own ok.

* Now click to save your HTML/javascript and you are done.

StumpleUpon DiggIt! Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Add css feedburner stylish subscription box in blogger blog. ~ Twitter FaceBook

1 Responses So Far:

Alianz said...

thanks, it's very useful for me


Select Your Categories