الطريقة الصحيحة لإضافة إعلانات داخل المواضيع

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

الطريقة الصحيحة لإضافة إعلانات داخل المواضيع

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

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

 

Similiar tagsCSSإضافات بلوجر