درس اليوم إن شاء الله يتطرق إلى شرح كيفية إضافة بنرات إعلانية Ad Banners مقاس 125x125 لمدونتك

بسم الله الرحمن الرحيم

درس اليوم إن شاء الله يتطرق إلى شرح كيفية إضافة بنرات إعلانية  Ad Banners مقاس 125x125 لمدونتك وهذا بطريقتين :

الأولى : سهلة وبسيطة فما عليك إلا بالتوجه إلى التبويب : التخطيط | عناصر الصفحة |إختر: إضافة أداة HTML/JavaScript  ثم قم بلصق paste هذا الكود :

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

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>
</tr>
<tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>
</tr>

</tbody></table>

</div>

يمكننا زيادة أكثر من  صف لأداة بنرات الإعلانات ،مثلا كي نضيف بنرين للإعلان (02)  إلى  هذه الأداة  ليصبح في الإجمال لدينا 6 بنرات  ما علينا إلا إضافة هذا الكود قبل :

</tbody></table>

الكود :

<tr>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان" height="125" /></a></center></td>

<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="رابط صورة الإعلان" title="نص الإعلان"  height="125" /></a></center></td>

</tr>

لمشاهدة تطبيق عن ما قمنا به قم باختيار معاينة قبل الحفظ

الثانية : بسيطة وأكثر تنسيقا وتتطلب إضافة كود CSS إلى قالب المدونة .

1-توجه إلى التبويب : التخطيط | تحرير HTML |ثم ابحث عن السطر :

]]></b:skin>

 ضف مباشرة قبلها هذا الكود :

#adbanner {
        overflow: hidden;
        padding-top:5px;
}
.adb1, .adb3 {
        float: left;
        margin-bottom: 5px;
        padding-left: 5px;
}
.adb2, .adb4 {
        float: right;
        margin-bottom: 5px;
        padding-right: 5px;
}

* إن قيم الهوامش الداخلية حهة اليمين  padding-right والخارجية السفلى margin-bottom متعلقة بمثال مدونتي فيمكنكم التعديل عليها بما يوافق تنسيق تخطيط مدوناتكم .

2- بعدها توجه إلى التبويب : التخطيط | عناصر الصفحة | إختر: إضافة أداة HTML/JavaScript  في الموضع أو العمود الذي تريد ،ثم قم بلصق paste هذا الكود :

<div id="adbanner">
<!-- Adb1 بداية -->
<a class="adb1" href="رابط المعلن" target='_blank'><img alt="وصف الإعلان" src="رابط صورة الإعلان" title="نص الإعلان" /></a>
<!-- Adb2 بداية -->
<a class="adb2" href="رابط المعلن" target='_blank'><img alt="وصف الإعلان" src="رابط صورة الإعلان" title="نص الإعلان" /></a>
<!-- Adb3 بداية -->
<a class="adb3" href="رابط المعلن" target='_blank'><img alt="وصف الإعلان" src="رابط صورة الإعلان" title="نص الإعلان" /></a>
<!-- Adb4 بداية -->
<a class="adb4" href="رابط المعلن" target='_blank'><img alt="وصف الإعلان" src="رابط صورة الإعلان" title="نص الإعلان" /></a>
<div class="clearer">
</div></div>

دعاؤكم لي بالتوفيق والسداد  وبارك الله فيكم

 فى نهاية موضوعنا لمعرفة الموضوع القادم ولكى يصل اليكم كل 

جديد من موضوعات المدونة لاتنسو التسجيل والانضمام للقائمة 

البريدية للمدونة

ملحوظة اخرى : 

 

يوجد فى مكتبة المدونة مجموعة من الكتب والمؤلفات

عن كل اسرار الربح وفنونة من النت لكى اضع اقدامكم بأذن الله على بداية طريق 

الاحتراف

حمل من هنا 

 

مع تحيات مدونة كيف تربح المال من النت

Posted in: قسم الوصول الى مدونة احترافية