اضافة اعلانات داخل المواضيع بلوجر يإحترافية

السلام عليكم ورحمة الله وبركاته ، بداية أسبوع موفقة للجميع .. درسنا اليوم يوجد بالعديد من المدونات إلا اني سأشرحه بطريقتي الخاصة مع النظرة الجميلة أيضا ليس فقط ضع إعلان وإنتهى الموضوع ! ربما لن يهمك أين يسكون الإعلان في الوسط او تحت بعض لا فكل شيئ يتمحور حول الرؤية والمكان الصحيح له لجذب انتباه الزائر له سأقدم لكم وحدات إعلانية مقاس 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/AVvXsEgPE7RMrZ8UaMzjRgIFHV_WDrHwFhh3iiue8O9wulCR9qFBiQb2zncbwesGeVsRMFtL1V4wj1soSZznEEcEjG_qF2h_WcATy99Z0JuqqHniJljhhku1yMrq1tMGNhFsdF21OPF_InvLrRY/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;

text-align: center;
overflow: hidden;
padding: 15px 2px;

.ads1post, .ads2post {
width: 672px;
}


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>

دائما اوجه كلامي لمن واجهته مشكلة فسأستقبل ردودكم لحل المشكل وفقكم الله تحياتي ـ أخوكم أدم

هل اعجبك الموضوع ؟

Share

Tweet