Floating Ads Widget Blogger Javascript

Ghkkhg 08:38

A simple Float Widget in javascript which put your ads floating and always pinned at the left side, in your blog. Include with close(x) button as reader can get rid if it.

Copy / paste this code into your site

<style>#Freewidget4ufloatads { background: #333333 url('..'); background-repeat:repeat-x; text-align:right; padding-top:4px; } #freewidget4uadsbase{ height:600; margin:0auto; width:auto; background:#fff; border-bottom:2px #333333 solid; border-right:2px #333333 solid; border-left:2px #333333 solid; text-align:center; padding:4px; } #freewidget4uadsheadline{ opacity:1.0; height:auto; width:auto; position:fixed; top:-20px; left:10px; border-bottom:1px #005094 solid; border-bottom:0px blue solid; color:#333; padding:0px; z-index:1001; font-size:13px;} </style><script type="text/javascript">function getValue() { document.getElementById("freewidget4uadsheadline").style.display = 'none'; } function link() { window.open('http://freewidget4u.blogspot.com/2013/12/floating-ads-widget-blogger-javascript.html', 'newwindow', 'width=600, height=400'); return false; } </script><div id="freewidget4uadsheadline"><div id="Freewidget4ufloatads"><div id="freewidget4uadsbase"><br /><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a onclick="getValue(),link()">close(x)</a></span>      </div></div></div>

And search for tag

Paste your ads code or anything in html code between it

Float , HTML

No comments :