Add feed special feedburner widget box to blogger. 1

| | , ,

Hi this is very effective and special feedburner email subscription box for your blogger blog add this now.










Follow simple and easy step to adding this widget box in your blogger Sidebar 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.

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

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

.subsboxfull{width:230px;padding-top:20px;padding-right:20px;padding-bottom:30px;padding-left:10px;color:#333;height:100px;border:1px solid #353434;background:transparent url() top center no-repeat;margin-bottom:0}
.rss-boxicon{background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/THYhZ2kS0hI/AAAAAAAABSs/zo_1kFSp2yg/rssfeed-box.png) left no-repeat;padding-left:20px;margin-right:1em;font-weight:bold}
.email-boxicon{background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/THYhZbNwJHI/AAAAAAAABSk/5uF275VBciU/s1600/email-box.png) left no-repeat;padding-left:20px;font-weight:bold}


* Now save your blogger template.

* Again go to your blogger DASHBOARD.

* Now click in design tab and you are here--->>> Add new element.

* Click in add Gadget which is in sidebar and 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='widget-content'>
<div class='subsboxfull'>

<a href='your-twitter-url' rel='nofollow' target='_blank' title='twitter'><img src="http://3.bp.blogspot.com/_4HKUHirY_2U/THYkpeld56I/AAAAAAAABTM/WiM7MA5NvQM/twitter-box.png" /></a>

<a href='your-facebook-url' rel='nofollow' target='_blank' title='facebook'><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/THYkpJ_QyhI/AAAAAAAABTE/8-EJqMr_vbs/s1600/facebook--box.png" /></a>

<a href='your-delicious-url' rel='nofollow' target='_blank' title='delicious'><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/THYko6jtDII/AAAAAAAABS8/VtZSXjWq6V8/s1600/delicious-box.png" /></a>

<a href='your-stumbleupon-url' rel='nofollow' target='_blank' title='stumbleupon'><img src="http://3.bp.blogspot.com/_4HKUHirY_2U/THYkpxH3PoI/AAAAAAAABTU/i5--EpJ97BA/stumbleupon-box.png" /></a>

<a href='your-linkedin-url' title='linkedin'><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/THYocATEqOI/AAAAAAAABTk/Spx7AhBEVHc/linkedin-box.png" /></a>

<a href='your-contact-url' title='contact'><img src="http://4.bp.blogspot.com/_4HKUHirY_2U/THYlLyj8TUI/AAAAAAAABTc/bJYDy5WKjh8/contact-box.png" /></a>


<form action='YOUR FEEDBURNER EMAIL URL' method='post' onsubmit='window.open(\'YOUR FEEDBURNER EMAIL URL', \'popupwindow\', \'scrollbars=yes,width=550,height=520\');return true' target='popupwindow'><p><input name="email" style="width:230px; border: 1px solid #ccc; padding: 5px;" type="text" value="Enter your email address" /></p><input name="uri" type="hidden" /><input name="loc" type="hidden" value="en_US" /></form>

<p><span><a class='rss-boxicon' href='YOUR FEEDBURNER URL' rel='nofollow' target='_blank'>RSS</a></span>
<span><a class='email-boxicon' href='YOUR FEEDBURNER EMAIL URL' rel='nofollow' target='_blank'>Email</a><span><span style="float:right;"><a href='YOUR FEEDBURNER URL' rel='nofollow'><img alt="" height="26" src="YOUR FEEDBURNER FEED COUNTER CHICKLET SOURCE URL" /></a></span></span></span></p>

</div>
</div>
<div class='clear'></div>

NOTE:- Now change Highlighted Text in above code with your own if you any problem ask me.

* Now save your HTML/javascript and you are done . Enjoy Blogging.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add feed special feedburner widget box to blogger. ~ Twitter FaceBook

1 Responses So Far:

pursuite said...

ifound difficult
doing
email part and rss part
better open a youtube channel
;c

Categories

Select Your Categories