تعلم البلوجر هكركوز الكويت: Google Ads under posts اضافة اعلانات ادسنس اعلى واسفل ووسط المقالات في البلوجر

الجمعة

Google Ads under posts اضافة اعلانات ادسنس اعلى واسفل ووسط المقالات في البلوجر

عدد المشاهدات الان

اولاً قم بأنشاء اعلان ادسنس جديد بحجم ثابت 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>

<div id='google-posts-ads'>
<div class='google-photos-ads'>
<div class='google-photo-ad'>

</div>
</div>
<div class='google-photos-ads2'>
<div class='google-photo-ad'>

</div>
</div>
</div>

<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>

لاتنسى استبدال الكلمة باللون الاحمر بكود ادسنس الخاص بك

اذا حبيت نسخ المقالهـ