آخر المواضيع

الأحد، 14 فبراير 2021

إضافة مساحات إعلانية عشوائية تتغير مع تحديث الصفحة لمدونة بلوجر


في معظم المدونات التي تبيع المواقع الإعلانية ، غالبًا ما رأيت لافتات إعلانية عشوائية تظهر عند تحديث الصفحة. هل تساءلت يومًا عن كيفية إظهار لافتات إعلانية عشوائية في Blogger؟ في البرنامج التعليمي اليوم سوف نتعلم كيفية إنشاء Random Banner Widget للمدون الذي سيعرض لافتات إعلانية عشوائية عندما يزور الزائر صفحة جديدة على مدونتك. باستخدام هذه القطعة يمكنك عرض العديد من لافتات الإعلانات على منطقة الراعي كما تريد!
هذه الأداة مشابهة تمامًا لعنصر واجهة المستخدم السابقة 125 × 125 ميلاديًا وهي في الواقع أكثر العناصر المنتظرة وقد طلبها القراء عدة مرات. لقد نجحت الليلة الماضية فقط في إنشاء برنامج Java النصي بسيط يستخدم مجموعة من الصور وبالتالي يعرض صورًا عشوائية عند تحديث الصفحة.

لنحصل على عرض توضيحي للأداة قبل الانتقال إلى البرنامج التعليمي. ملاحظة : - قم بتحديث الصفحة لمشاهدة إعلانات البانر الجديدة.

كيف تضيف قطعة لافتة إعلانية عشوائية إلى مدوناتك؟

ما عليك سوى اتباع هذه الخطوات ،
  1. انتقل إلى Blogger> التصميم> عناصر الصفحة
  2. اختر HTML / JavaScript Widget
  3. وقم بلصق الكود التالي بداخله ،


<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 = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></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 = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></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 = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></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 = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></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="URL OF ADVERTISER" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="file:///C:/Documents%20and%20Settings/Mohammad/Desktop/ADVERTISE-HERE.gif" /></a></center></td>
      </tr>
    </tbody></table>
</div>

قم بالتغييرات التالية: -

1. استبدال URL OF المعلنين مع وصلة الموقع الإلكتروني للمعلن
2. استبدال URL OF BANNER'S IMAGE-1   و URL OF BANNER'S IMAGE-2 مع الروابط صورة من لافتات والمعلن
3. استبدال AD الوصف مع بعض المعلومات المتعلقة بالإعلان. يظهر الوصف على مؤشر الماوس.
4. إذا كنت ترغب في زيادة المسافة بين مجموعات الإعلانات ، فقم بتحرير العرض = "265"
الآن بعد إجراء التخصيص اللازم ، اعرض مدونتك لترى أداة لافتة جميلة بحجم 125 × 125 ستغير اللافتات في كل صفحة مختلفة.

ليست هناك تعليقات:

إرسال تعليق