روابط ذات صلة
طريقة وضع اعلانات ادسنس منبثقة جانبي مدونة البلوجر
طريقة التركيبالذهاب الى التخطيط > اضافة اداة > ضع الكود الاتي
<style>
#topbar {
height:30px;
width:auto;
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 0px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:-30px;
left:-30px;
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("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
</div>
<div id="adsground">
<p align="left"><h3></h3></p>
<script type="text/javascript">
$(document).ready(function(){
$('div#b_icon1').hide();
$('div#b_icon2').hide();
$('div#b_icon3').hide();
$("div#h_icon1").mouseover(function() {
$('div#h_icon1').hide();
$('div#b_icon1').show();
});
$("div#h_icon2").mouseover(function() {
$('div#h_icon2').hide();
$('div#b_icon2').show();
});
$("div#h_icon3").mouseover(function() {
$('div#h_icon3').hide();
$('div#b_icon3').show();
});
$('div#b_icon1').click(function(){
$('#bannerfloat03').html('');
});
});
</script>
<div style="left: 500px; top: 300px; width: 338px; height: 280px; position: absolute" id="bannerfloatADS">
كود خاص بك هنا
<div style="left: 250px; top: 70px; width: 40px; height: 0px; position: absolute" id="h_icon2"><img alt="" src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Close.png" /></div>
<div style="top: 220px; width: 20px; height: 60px; display: none; position: absolute; leftt: 70px" id="b_icon2"><span onmouseup="document.getElementById('bannerfloatADS').style.display='none'"><img alt="" width="6" height="3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewBYYdIe2tetaoSRv_ercBAk2_67H5a94EyubrjcOkBv8dkONdZ5ggYs6e6kFySH3uWQqcf6faM6WmpuzIg0kCRc6ukNlUAAXBQec_5bBocMKXT2xaIMG0jfAXUDtirbEbzBduBt0Gfq7/s1600/close.png" /></span></div></div>
<p>
<br/></p></div></div>
