Bogger9:- Add top floating subscription widget in blogger blog. 0

| | , ,

Now add best top floating subscription widget in your blogger blog easily.




Follow below giving simple and easy step to adding this great widget in your blogger blog---->>>

* First go to your blogger Dashboard.

* 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>

#mta_bar { background:#444 url('http://4.bp.blogspot.com/_C6KkooKXCEw/SQnz2n2y02I/AAAAAAAACiU/hgebwIqZY9c/s400/wow.gif?imgmax=800') repeat-x; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); } #mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#fff; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#fff; width:20%}
#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}
#mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
#left_bar a{background:url('http://1.bp.blogspot.com/_C6KkooKXCEw/SPyUclWEsEI/AAAAAAAAChM/e6wa1ef3jTQ/s400/stripead-feed.gif') no-repeat; text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar2 a{background: url(http://lh4.ggpht.com/_xBW8tvgOXL4/Sm5zvKdhdUI/AAAAAAAAA0I/dZ083AAgdfw/submit.png) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:underline; color:#fff}

* Now save your blogger template .

* Again go to your blogger Dashboard .

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

* Click in add Gadget which is your blogger sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and pate in blank box.

<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'><a href='YOUR FACEBOOK URL HERE' target='_blank'>Add Me On Your Facebook</a></span></div>
<div id='left_bar'><span class='center'><a href='YOUR FEEDBURNER EMAIL URL HERE' target='_blank'>Subscribe this blog Via Email, Join Now!!!
</a></span></div>
<span class='right' onmouseout='self.status=\'\'' onmouseover='self.status=\'o-om.com.com\';return true;'>
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://2.bp.blogspot.com/_C6KkooKXCEw/Si0hpItyl-I/AAAAAAAAEYQ/kmsk9iVM9HM/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="http://www.blogger.com/static/v1/widgets/560535965-widgets.js"></script>

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

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

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Bogger9:- Add top floating subscription widget in blogger blog. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories