طريقة وضع اعلانات ادسنس منبثق وسط الصفحة متحركة بلوجر

بعد طلب من الاخوة متابعي المطور.نت بعرض طريقة وضع اعلانات ادسنس منبثقة جانبي مدونة البلوجر تم الاستجابة لهم ونشر الطريقة واليكم بعد الحاح من الكثير من الاصدقاء طريقة وضع اعلان ادسنس وسط الصفحة , الطريقة رائعة لزيادة الارباح في جوجل ادسنس لكن احب ان انوه الى ان الطريقة غير شرعية عند استخدامها لفترات طويلة وتسبب تعليق حسابك مؤقتا .

روابط ذات صلة
طريقة وضع اعلانات ادسنس منبثقة جانبي مدونة البلوجر

طريقة التركيب

الذهاب الى التخطيط > اضافة اداة > ضع الكود الاتي

<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/AVvXsEjYf_WNNZj9IdDrkffeQFW4vYOxcgC9dcKKlYGbK3eD4DymjXgSk5Lef3DJgUAo45rbcvzNav0EZtja3OA48VoKfUgpTI_ZI69zPmUcZd0r2C6EQuuDNclnjDcTCr4Z1ScUJ6Y-akwxHZJO/s1600/close.png" /></span></div></div>
<p>
<br/></p></div></div>

تحميل الكود