تحدثنا فى المقال السابق عن نوع إعلان 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" فقط انسخ الكود وضعة كالتالى :
طبعا الأكواد باللون الازرق سوف تغيرها فيما بعد بروابط الموقع المعلن عنة وكذلك الصورة الموضوعة بصورة البنر للموقع المعلن عنة وكذلك عنوان الايميل الخاص بك .
ثم اذهب الى "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" حيث كل قالب يتميز بقياسات معينة أرجو مراعاة ذلك .
انتهى الدرس
شكرا لك على الكود الرائع
ردحذفhttp://the1masterhome.blogspot.com
شكرا لك أخى الكريم على هذه الدروس المفيدة جدا
ردحذفووفقك الله لما فيه الخير
وائل فهمى
مدونة:
وظايفنا+وظائف خالية
جزيل الشكر على هذه المعلومات القيّمة ومزيد من التنوير حفظك الله ورعاك وسدّد للخير خطاك
ردحذف