مطور تكنو ليبي: دروس وشروحات

<b:if cond='data:blog.pageType == "item"'> <style> .sidebar,.footer {display:none;} #main-wrapper{width: 99%; float: none; margin: 0px auto;} html {overflow-x: hidden;} .post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;} </style> </b:if>

<b:if cond='data:blog.pageType == "static_page"'>

<style>

.sidebar,.footer {display:none;}

#main-wrapper{width: 99%; float: none; margin: 0px auto;}

html {overflow-x: hidden;}

.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}

</style>

</b:if>

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

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

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

عمر جادو الاثنين، 1 يونيو 2015

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

عمر جادو

أنظم الينا على الفايسبوك

إنظم الى قائمة المتابعون

المشاركات الاكثر مشاهدة

المشاركات الشائعة