Recents in Beach

header ads

شرح كيفية اضافة اعلانات داخل المواضيع





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

1. توجه الى القالب >>> تحرير HTML
2. ابحث عن هذا الكود : ]]></b:skin> باستعمال Ctrl+F
3. قم باختيار كود مقاس الاعلانين أسفله
4. ثم انسخ الكود وضعه فوق ]]></b:skin>
إعلانين بمقاس 280x360

/* ads-ar1web */
.adspostsfotter {
line-height: 15;
margin-bottom: 1px;
margin: 0 auto;
overflow: hidden;
padding: 7px 10px;
text-align: center;
width: 760px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVU_XvsrXdOEJkX__pmtiAgBwpRWZmz4CJTxnT0_v7txniTT9icJ-gx2UnRzo1BVxSIAxiGGD6r8-Put-Eyf9RoT2A6ZD7dqBOJbPsSEt1dWVxgKXmHuruYPSGRfh7qvrI28_zecm9efw/s1600/pattern-1.png);
}
.ads1post, .ads2post {
background: none repeat scroll 0 0 #E0E0E0;
height: 280px;
width: 336px;
}
.ads1post {
float: right;
}
.ads2post {
float: right;
}

إعلانين بمقاس 250x300
/* ads-ar1web */
.adspostsfotter {
line-height: 15;
margin-bottom: 1px;
margin-right: -16px;
overflow: hidden;
padding: 15px 2px;
text-align: center;
width: 672px;
}
.ads1post, .ads2post {
background: none repeat scroll 0 0 #F7F5F5;
height: 280px;
width: 335px;
}
.ads1post {
float: right;
}
.ads2post {
float: left;
}

4 . ابحث عن <data:post.body/> في تحرير HTML ضع بعده الكود أسفله اذا أردت الاعلانين أسفل الموضوع أو قبله اذا اردت الاعلانين فوق الموضوع .
* ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود -- بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد بالبحث عن الإسم .. فوق بداية الوسم ضع الكود التالي .
<b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <!--Add Adsense Code Here / Before Post Footer (Show Only Post Page)-->
                        <div class='adspostsfotter'>
                          <div class='ads1post'>
                            إعلانك هنا
                          </div>
                          <div class='ads2post'>
                       
                          إعلانك هنا
                          </div>
                        </div>
            </b:if>
 <div class='clear'/>
5. ضع كود الإعلان ادسنس أو حسوب إلخ بعد تحويله من هنا بدل إعلانك هنا .
6. قم بحفظ العمل ثم إنتظر دقائق لظهور الإعلان .
* لمن لا يتوفر على حساب ادسنس ... يمكنك وضع صورة إعلانية عادية بإضافة الكود التالي بدل إعلانك هنا .
<a href="الربط هنا"><img border="0" src="رابط الصورة هنا"></a>



















إرسال تعليق

0 تعليقات