اضافة اعلانات داخل المواضيع

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

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

زوار ومتابعى المدونة تحية طيبة وبعد ....

درسنا اليوم يوجد بالعديد من المدونات إلا اني سأشرحه بطريقتي الخاصة مع النظرة الجميلة أيضا ليس فقط ضع إعلان وإنتهى الموضوع ! ربما لن يهمك أين سيكون الإعلان في الوسط او تحت بعض لا فكل شيئ يتمحور حول الرؤية والمكان الصحيح له لجذب انتباه الزائر له سأقدم لكم وحدات إعلانية مقاس 300x250 و 280x336 هما الأكثر استعمالا ايضا بإعتبار مقاس البوست الذي يكون به المواضيع مثال أول  و مثال ثاني .

شرح طريقة التركيب 

1 . توجه لقالب >> تحرير 

2. ابحث بإستعمال CTRL+F عن :  ]]></b:skin>

3. ضع مقاس الإعلان المختار فوقه 

إعلانين مقاس 280x336

/* 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/AVvXsEiE6dgyfFLY2Cqjp6gf9nFWmkuvKzsFv-sACadm651JbYfMIoeJRZj23G92BcJOEzeYBR0evrPS48W-Yi4nSd0zboDhdy0j_wPvDrKBJenTTZy9sa4bicFNxAqSiWbsuAVOLLqfsXHuMUE/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/> ضع قبله  أو بعده الكود الأتي

* ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود -- بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد بالبحث عن الإسم .. فوق بداية الوسم ضع الكود التالي

<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>

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

احمد الجوهرى

مدون مصري , أبلغ من العمر 20 سنة , طالب فى الثانوية العامة , أكتب عادة حول تطوير وتخصيص مدونات البلوجر , أتقن بعض لغات التصميم مثل Html,css,jquery