كيفية إدراج بنر إعلاني ثابت على جانبي يمين ويسار مدونات بلوجر

السلام عليكم ورحمة الله وبركاته 

في درسنا اليوم سوف نتعرف على طريقة تركيب بنر إعلاني ثابت على جانبي مدونات بلوجر بشكل جذاب بحيث لا يغطي على محتوى المدونة .

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

1- ادخل إلى مدونتك ، ثم اختر لوحة التحكم  .

2- من لوحة التحكم اختر - تخطيط -اضافة أداة :

3- اضف الكود التالي في صندوق الأداة ثم احفظ .

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script><br />
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script><br />


<!--start: floating ads http://www.bloggerspice.com/--><br/>
<div id="leftads" style="width:160px; height:600px; text-align:left; position:fixed; z-index:1001; bottom:1%;left:1%;">
<div>
<a href="#" id="adclose" style="color:#333333;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;padding-top:3px;padding-right:10px"><a href="http://www.bloggerspice.com/2016/05/float-vertical-ad-banner-in-blogger-site.html" target="_blank" onclick="document.getElementById('leftads').style.display = 'none';">[x]</a>
</a>
</div>

<!--Start Left Ad -->
ضع هنا كود البنر أو كود ادسنس على يسار المدونة
<!--End of Left Ad -->
</div>


<div id="rightads" style="width:160px; height:600px; text-align:right; display:scroll;position:fixed; z-index:1001; bottom:1%;right:1%;">
<div>

<a href="#" id="adclose" style="color:#333333;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;padding-top:3px;padding-left:10px"><a href="http://www.bloggerspice.com/2016/05/float-vertical-ad-banner-in-blogger-site.html" target="_blank" onclick="document.getElementById('rightads').style.display = 'none';">[x]</a>
</a>
</div>
<!--Start Right Ad-->
ضع هنا كود البنر أو كود ادسنس على يمين المدونة
<!--End of Right Ad -->
</div>

- التعديلات :
1- استبدل عبارة " ضع هنا كود النر أو كود ادسنس "  بكود البنر أو كود ادسنس  الذي تريد عرضه في مدونتك .

2- يجب أن يكون حجم البنر الإعلاني الذي تريد عرضه : width:160px; height:600px

3- أو إذا أردت أن يكون حجم البنر الإعلاني  : width:120px; height:600px يجب أن تستبدل : width:160px  لأتها مكررة بالكود مرتين بـ : width:120px .