السلام عليكم ورحمة الله وبركاته


اليوم درس اضافة كود او اعلاانات جوجل بهيدر المنتدى بجوار اللوجو .. مثال بالمرفقات .

- نبدأ الدرس : -


  • نفتح لوحة الادمن ACP
  • ندخل على Admin CP > Look & Feel > Skin Dropdown Button > Manage Templates & CSS > Global Templates > globalTemplate
  • نبحث عن :


كود PHP:
                                </div>

                                                  

                                  <if 
test=&#34;memberbox:|:$this->memberData['member_id']"> 
نضف اعلاه :

كود PHP:
<a href=&#34;#"><img src="https://www.google.com/adsense/static/en_US/images/banner.gif" alt="Donate Now!" class="googleads" /></a> 


  • نلاحظ وجود # هذه نقوم باستبدالها بالرابط الخاص بمنتداك ولكن جوجل سوف يقوم بكل هذا عوضا عنك

اما alt="donate now" فهذا ماسوف يظهر عن مرور مؤشر الماوس عليها


  • نحفظ عملنا وهكذا انتهى الان اضافة ال HTML ونستكمل اضافة اكواد CSS
  • نذهب الى :


كود PHP:
/************************************************************************/

  /* ELEMENT STYLES */ 
نضيف اسفله :

كود PHP:
.googleads {

                  
position&#58; absolute; 

                  
right&#58; 325px; 

                  
top&#58;23px;

  


  • نحفظ عملنا ثم نقوم اشرح الخطوة السابقة ... حيث ان "

googleads هو اسم الكلاس
position: absolute;
بتساعد على وضع الصورة او الكود

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





  • نقوم بالدخول على Admin CP > Look & Feel > Skin Dropdown Button > Manage Templates & CSS > Global Templates > globalTemplates
  • نبحث عن :


كود PHP:
                                 </div>

                                                  

                                  <if 
test=&#34;memberbox:|:$this->memberData['member_id']"> 
نضيف اعلاه :

كود PHP:
                                                  <div class=&#34;googleads">

  

                                                                 
ضع اعلان جوجل هنا 

  

                                                 
</div

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


انتهى الدرس .