طريقة تركيب اعلانات البانر ‎ ‎125*125 متغيرة مع كل تحديث للصفحة

كثيرا ما نشاهد في بعض المواقع اعلانات تتغير مع كل تحديث للصفحة هذه التقنية توفر استعمال اعلانات كثيرة في مساحة صغيرة و هي تشبه اعلانات جوجل ادسنس بحيث الاعلان يتغير كلما قمنا بتحديث الصفحة و ايضا يتغيير و نحن نتنقل داخل المدونة.

تركيب الاضافة : 

1- لوحة التحكم   >>>   تخطيط   >>>   اضافة اداة html/java script .

2- انسخ الكود التالي في الاداة :

<div align="center"> 
<table border="0"  cellpadding="2" cellspacing="6" width="265"bgcolor="#ffffff"> 
<tbody><tr> 
<td><center>

<!--  BANNER#1  -->

<script language="JavaScript"> 
images = new Array(2);

images[0] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

images[1] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>

</center></td>

<td><center>

<!--  BANNER#2  -->

<script language="JavaScript"> 
images = new Array(2);

images[0] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

images[1] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>

</center></td> 
</tr> 
<tr>

<td><center>

<!--  BANNER#3  -->

<script language="JavaScript"> 
images = new Array(2);

images[0] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

images[1] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>

</center></td>

<td><center>

<!--  BANNER#4  -->

<script language="JavaScript"> 
images = new Array(2);

images[0] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

images[1] = "<a href = 'رابط الاعلان' rel='nofollow' ><img src='رابط الصورة' border='0' height='125' width='125' alt='وصف الاعلان'></a>";

index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script>

</td></center>

</tr>

</tbody></table>

<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> 
<tbody> 
      <tr> 
       <td><center><a href="رابط الاعلان" rel="nofollow"><img width="265" height="37" border="0" alt="اعلن الان!" src="" /></a></center></td> 
      </tr>

    </tbody></table>

</div>

3-  قم بالتعديلات التالية :

* رابط الاعلان : عنوان url للاعلان المستهدف.

* رابط الصورة : البانر الخاص بالاعلان 125*125.

* وصف الاعلان : كتابة وصف الاعلان .

* ffffff# :   لون الحدود و الخلفية للبانر.
4-  احفظ الاداة .

انتهينا من وضع الاعلانات ويمكنك مشاهدتها بنفسك.

منشورة في: اضافات بلوجر