Hi friends now add special background effect feed subscriptin widget in blogger blog.
Follow simple step to adding this widget in youe blogger blog easily now ---->>>>
* First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* Now click in small box to expand your blogger template.
* Now find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
Follow simple step to adding this widget in youe blogger blog easily now ---->>>>
* First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* Now click in small box to expand your blogger template.
* Now find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
#submit_btn {float: right;}
.email-rss {
padding-top: 15px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 10px;
color: #333;
height: 200px;
height: auto;
min-height: 200px;
border: 1px solid #ccc;
background: #dfdfdf url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaQ87PZ92eKz72AYmrr4n8w2dhrSGgZDHJg6Ujp_JJmbCNBHOonioXIoqAPBxLdoW99bKaMMifa1L_qu-PxYFHUP0A0unVuEWWhyBCa4VqkPPIOJy4VuoSKzAnS3-nkLfCDoGbtMVSiy4/) center -20px no-repeat;
margin-bottom: 5px;
}
.email-rss .first {width: 150px;}
.sb-rss {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4mfHEVdeH622zKZlX5fsSJYG-tQPm2r7vgxbrXkQeijh7LqQDRRsuLvze6LR2eeWsI_19EhcfKsB0DURbS9Js8sjFIaYbBhELX4WbrMRDw7PgPpCOcQ_X2ii3jG_Ltk92UionEXQBGiI/s800/rss.png) left no-repeat; padding-left: 20px; margin-right: 1em; font-weight: bold;}
.sb-email {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCZTmeQFpcBH_ET1wWDv-CvR5siDAKhPB3v8BHF4eArx62BD5BpbDC6XmChGVf9lIgOZpbkhZXfFUKE5mT-BCMYIgJoHY5OxNZCsvsr7xA2DHKwyOyBxqdDj8o1x1M8aN1wk-xMfv378/s800/email.png) left no-repeat; padding-left: 20px; font-weight: bold;}
.phone-email-wrap {margin-right: 20px; width: 645px;}
* Now click to save your blogger template.
* Now again go to your blogger dashboard .
* Click in design tab and you are here ---->>>> PAGE ELEMENT
* Now click in add a gadget which is in your blogger sidebar,
* When open new window click in HTML/javascript From list.
* When open new blank box copy below code and paste in blank box.
<div class='clearfix email-rss'> <h2>Get Updates!</h2> <p class='first'>Subscribe to YOUR BLOG NAME by email for updates to your inbox:</p> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(\'YOUR FEEDBURNER EMAIL URL HERE\', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name='email' style='width:258px; border: 1px solid #ccc; padding: 5px; font-size: 1.2em; color: #434343; font-weight: bold;' type='text' value='Enter your email address'/></p><input name='uri' type='hidden' value='YOUR BLOG NAME'/><input name='loc' type='hidden' value='en_US'/></form> <p>Be informed of new posts by <a href='YOUR FEEDBURNER URL'>subscribing to the RSS feed in your feed reader or by email</a>.</p> <p><a class='sb-rss' href='YOUR FEEDBURNER URL'>RSS</a> <a class='sb-email' href='YOUR FEEDBURNER EMAIL URL HERE&loc=en_U'>Email</a><span class='right'><a href='YOUR FEEDBURNER URL'><img alt='' height='26' src='YOUR FEED COUNTER BUTTON IMAGE SOURCE/></a></span></p> </div>
NOTE:- Change Highlighted text in above code with your own ok.
* Now click to save your HTML/javascript and you are done .
|
0 Responses So Far: