It's been really not filling long blog post this tutorial. Now I just want to share a little about the easy and convenient way to create ads floating on the blog.
Immediately, yes, ..
Here are the steps:
The first step obviously must login to your blogger account
Create a new Widget (Select Javascript reply yes) in the sidebar and then enter the code below into the box the new widget:
<p> <center> <a href='http://goo.gl/TEZZ9' rel='nofollow' target='_blank'> <imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVlQpOPXWQrl0-RzFgUWLII5Ua9UVyVR2n9Zr_92748ezkcmCqa1gwew3-JHbg6g1hioKtADGw2DuVMRfFPFRt0IEEf1LSkdnQDX6rToIovI4qlyqs7H3kobIcSgmNk68CmQaE-FNXqB-1/s1600/recognition-abenetworkweb.gif'/>
<style type = "text / css">
#gb {
position: fixed;
top: 0px;
z-index: +1000;
}
* Html #gb {position: relative;}
.gbcontent {
float: right;
border: 2px solid # 000000;
background: # 333;
padding: 10px;
}
</ style>
<script type = "text / javascript">
showHideGB function () {
var gb = document.getElementById ("GB");
var w = gb.offsetWidth;
gb.opened? moveGB (0, 30-w): moveGB (20-w, 0);
gb.opened =! gb.opened;
}
moveGB function (x0, xf) {
var gb = document.getElementById ("GB");
var dx = Math.abs (x0-XF)> 10? 5: 1;
var dir = xf> x0? 1: -1;
var x = x0 + dx * dir;
gb.style.top = x.toString () + "px";
if (x0! = xf) {setTimeout ("moveGB (" + x + "," + xf + ")", 10);}
}
</ script>
<div id = "gb">
<div class = "gbtab" onclick = "showHideGB ()"> </ div>
<div class = "gbcontent">
<div style = "text-align: right">
<a href="javascript:showHideGB()">
.: <imgsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDJjH7SE6R3fQQVuA949m56VScLJvXmbXuwCwJ_qwwvcGOuOEMu3f3J4Jmw015MkAxjz-vYQNhYQN6hE4_9scB0PVkFhQeSElB6x9Nhg2Lc3JVuGmM5gvY2Od-iDM85XFqEa9vNPSAp9RD/" title = "that appears, click again" alt = "lid" /> :.
</a>
</ div>
<center>
[FEEDBACK ADVERTISE YOUR CODE HERE]
</ center>
<script type = "text / javascript">
var gb = document.getElementById ("GB");
gb.style.center = (30-gb.offsetWidth) .ToString () + "px";
</ script> </ div> </ div>
Then Save / Save. Done.
** To set the display as the background, height, border, you can edit the red writing.
That's the easy and practical way to create ads float, may be useful.
Immediately, yes, ..
Here are the steps:
The first step obviously must login to your blogger account
Create a new Widget (Select Javascript reply yes) in the sidebar and then enter the code below into the box the new widget:
<p> <center> <a href='http://goo.gl/TEZZ9' rel='nofollow' target='_blank'> <imgsrc='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVlQpOPXWQrl0-RzFgUWLII5Ua9UVyVR2n9Zr_92748ezkcmCqa1gwew3-JHbg6g1hioKtADGw2DuVMRfFPFRt0IEEf1LSkdnQDX6rToIovI4qlyqs7H3kobIcSgmNk68CmQaE-FNXqB-1/s1600/recognition-abenetworkweb.gif'/>
<style type = "text / css">
#gb {
position: fixed;
top: 0px;
z-index: +1000;
}
* Html #gb {position: relative;}
.gbcontent {
float: right;
border: 2px solid # 000000;
background: # 333;
padding: 10px;
}
</ style>
<script type = "text / javascript">
showHideGB function () {
var gb = document.getElementById ("GB");
var w = gb.offsetWidth;
gb.opened? moveGB (0, 30-w): moveGB (20-w, 0);
gb.opened =! gb.opened;
}
moveGB function (x0, xf) {
var gb = document.getElementById ("GB");
var dx = Math.abs (x0-XF)> 10? 5: 1;
var dir = xf> x0? 1: -1;
var x = x0 + dx * dir;
gb.style.top = x.toString () + "px";
if (x0! = xf) {setTimeout ("moveGB (" + x + "," + xf + ")", 10);}
}
</ script>
<div id = "gb">
<div class = "gbtab" onclick = "showHideGB ()"> </ div>
<div class = "gbcontent">
<div style = "text-align: right">
<a href="javascript:showHideGB()">
.: <imgsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDJjH7SE6R3fQQVuA949m56VScLJvXmbXuwCwJ_qwwvcGOuOEMu3f3J4Jmw015MkAxjz-vYQNhYQN6hE4_9scB0PVkFhQeSElB6x9Nhg2Lc3JVuGmM5gvY2Od-iDM85XFqEa9vNPSAp9RD/" title = "that appears, click again" alt = "lid" /> :.
</a>
</ div>
<center>
[FEEDBACK ADVERTISE YOUR CODE HERE]
</ center>
<script type = "text / javascript">
var gb = document.getElementById ("GB");
gb.style.center = (30-gb.offsetWidth) .ToString () + "px";
</ script> </ div> </ div>
Then Save / Save. Done.
** To set the display as the background, height, border, you can edit the red writing.
That's the easy and practical way to create ads float, may be useful.
0 Komentar untuk "How To Easily Make Floating Ads"