السلام عليكم و رحمة الله و بركاته
اليوم سأشرح لكم لكيفية تركيب الاعلانات بالمواضيع
رغم أن الدرس موجود بالعديد من المدونات
الا و اني اريد أن اشرحه لكم بالتفصيل :)
الان نبدأ بالدرس
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 == "item"'>
<!--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'/>
0 تعليقات