الأحد، 28 يونيو 2009

إضافة جزء إعلانات 125*125 بيكسل لمدونتك

تحدثنا فى المقال السابق عن نوع إعلان 125*125 بيكسل والتى تعد مساحة حرة للإعلان تستطيع استغلالها بما يناسب حاجاتك ........ وفى هذا الدرس سوف ... thumbnail 1 summary




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

وفى هذا الدرس سوف أشرح لكم كيفية إضافة هذا الجزء ببساطة :


أولا من القائمة "Layout" اذهب لـ "Page Elements"ثم اختر "Add Gadget"من الشريط الجانبى للمدونة ثم بعد ذلك اختر "Javascript/HTML"وانسخ به الكود التالى :





<div class="sidebar-ads">

<div class="sidebar-banner"><a href="#"><img border="0" src="http://sites.google.com/site/dallilblog/Home/ny8dxf.gif?attredirects=0"/></a></div>

<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="http://sites.google.com/site/dallilblog/Home/ny8dxf.gif?attredirects=0" /></a></div>

<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="http://sites.google.com/site/dallilblog/Home/ny8dxf.gif?attredirects=0" /></a></div>

<div class="clear"></div><p><a href="mailto:your email id" title="Advertise Here">Advertise Here</a></p>

</div>





ثم قم بالحفظ .
طبعا الأكواد باللون الازرق سوف تغيرها فيما بعد بروابط الموقع المعلن عنة وكذلك الصورة الموضوعة بصورة البنر للموقع المعلن عنة وكذلك عنوان الايميل الخاص بك .
ثم اذهب الى "Lyout" ومنها الى "Edit HTML" وقم بإضافة الستايل لجزء الشريط الجانبى أو "Sidebare" فقط انسخ الكود وضعة كالتالى :



/* Sidebar - Ads */

.sidebar-ads {
float: left;
width: 410px;margin-left:5px;
margin-bottom: 5px;
}

.sidebar-banner {
padding: 5px;
float: left;
}


وبذلك ستحصل على مجموع ثلاث بنرات افقية جنبا الى جنب فى الشريط الجانبى للمدونة يمكنك نقلة فى الاعلى فى الاسفل فى الوسط للسيدبار مع مراعاة عرض الشريط الجانبى "Width" حيث كل قالب يتميز بقياسات معينة أرجو مراعاة ذلك .

انتهى الدرس

هناك 3 تعليقات

  1. شكرا لك على الكود الرائع


    http://the1masterhome.blogspot.com

    ردحذف
  2. شكرا لك أخى الكريم على هذه الدروس المفيدة جدا

    ووفقك الله لما فيه الخير

    وائل فهمى

    مدونة:

    وظايفنا+وظائف خالية

    ردحذف
  3. جزيل الشكر على هذه المعلومات القيّمة ومزيد من التنوير حفظك الله ورعاك وسدّد للخير خطاك

    ردحذف