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 ]] by CTRL+F key.
* Now copy below code and paste before ]]
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 ]] by CTRL+F key.
* Now copy below code and paste before ]]
#subscribe {font-size:14px; color:#999;}
.subscribetext {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHdVwx8bpDjQA-eUhPLLOiWvtGcx0hvRijq7k88lKX-C_3AxToZlOaNQzGHbQTS6qTpqJrSgvzPK4BH_aEH24Oznt5GHXnROsjJKkrqbynHnNUK2XKbTK2VFr2s-XfNSLW7_96qGzE61S7/s400/bullet.png) 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipchfwKFgLdzTMmFMPKxw1b3t2ClIXVIWKOlyHLrabiBTBPDjMif9F5uTFszbVVYQHzW-udRjNviowXjWu-yRRuZBRgBP6LsiPRoqj4pmVEv0bsTO475IxXPk8eoAa7t9fQCqseykzF4Kh/s400/feed.png) 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GmnegZ2HPnmHJKAcwU5CVojtlxStb-ddMqB-cI9Jr5dRYJRnyJuWmdf-ak8gjno-OCO15rAt-pv-qHdIlppsytBZNeJDFXNe9uZ8tUDaDqmNwzVcu40YoUZpMES5ogAF-EQvTZu4xgaX/s400/twitter.gif) 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(http://www.longislandcateringhalls.com/i/facebook-icon.png) 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.
NOTE:- Change highlighted text in above code with your own ok.
* Now click to save your HTML/javascript and you are done.
0 comments:
Post a Comment