اولاً قم بأنشاء اعلان ادسنس جديد بحجم ثابت 300x250
بعدها نتوجه من جديد الى المظهر > تعديل HTML ، ونبحث عن الكود التالي
]]></b:skin>
بعدها نقوم بوضع فوقة الكود التالي:
CSS Code
========
/* Google Ads under posts */
#google-posts-ads{width: 100%;margin: 10px auto;}
.google-photos-ads{height: 280px; width: 50%; float:right;}
.google-photos-ads2{height: 280px; width: 50%; float:left;}
.google-photo-ad, .google-photo-ad{height: 280px; width: 336px;margin: 0 auto;}
@media only screen and (max-width: 768px) {
.google-photos-ads, .google-photos-ads2{float: none; width: 100%;}
.google-photos-ads{margin-bottom: 15px;}
}
/* Google Ads under posts */
بعدها نبحث عن الكود التالى فى القالب
<data:post.body/>
وهو نفس الكود الذي استخدمناه سابقا لأضافة كود الاعلان اسفل عنوان المقالة ، لكن سابقا وضعنا الشفرة اعلاه اما في هذه الخطوه سنضع الشفره التالية أدناه:
<div dir='rtl' style='text-align: right;' trbidi='on'>
<div style='text-align: center;'>
<br/></div>
<div style='text-align: center;'>
</div>
<div style='text-align: center;'>
<br/></div>
</div>
<!-- Google Ads under posts -->
<div id='google-posts-ads'>
<div class='google-photos-ads'>
<div class='google-photo-ad'>
<!-- اعلان اسفل المقالة 1 -->
</div>
</div>
<div class='google-photos-ads2'>
<div class='google-photo-ad'>
<!-- اعلان اسفل المقالة 2 -->
</div>
</div>
</div>
<!-- Google Ads under posts -->
<div dir='rtl' style='text-align: right;' trbidi='on'>
<div style='text-align: center;'>
<br/></div>
<div style='text-align: center;'>
</div>
<div style='text-align: center;'>
<br/></div>
</div>
لاتنسى استبدال الاكواد باللون الاحمر بكود اعلان ادسنس الخاص بك الذي قمت بإنشائه سابقا بحجم 300x250 ، بعدها توجه الى احدى المقالات لمشاهدة اعلاناتك المتجاورة
اضافة اعلانات ادسنس وسط المقالة في بلوجر
هذه المره سنستخدم نفس الكود
<data:post.body/>
الذي قمنا بشرح جميع الخطوات السابقة حوله ونستبدله بالكود أدناه
<div id='nur4tech'>
<data:post.body/> </div>
<b:if cond='data:blog.pageType == "item"'>
<style> #addcodemiddle{display: none;} </style>
<div id='addcodemiddle'> ضع كود اعلانك هنا </div>
<script type='text/javascript'> var str1=document.getElementById("nur4tech").innerHTML; var str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var n = substr.search("<br>"); if(n<0) { n = substr.indexOf('.'); if(n<0) { n=0; } var firsthalf = str1.substring(0, str3+n+1); var secondhalf = str1.substring(str3+n+1, str2); } else { var firsthalf = str1.substring(0, str3+n+4); var secondhalf = str1.substring(str3+n+4, str2); } var addcode="<center>"+document.getElementById("addcodemiddle").innerHTML+"</center><br/>"; var newbody=firsthalf+addcode+secondhalf; var strnew=document.getElementsByClassName("post-body entry-content"); strnew[0].innerHTML=newbody; document.getElementById("addcodemiddle").innerHTML=""; </script>
</b:if>
لاتنسى استبدال الكلمة باللون الاحمر بكود ادسنس الخاص بك
ليست هناك تعليقات:
إرسال تعليق