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>

<!-- 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 == &quot;item&quot;'>

<style> #addcodemiddle{display: none;} </style>

<div id='addcodemiddle'> ضع كود اعلانك هنا </div>


<script type='text/javascript'> var
str1=document.getElementById(&quot;nur4tech&quot;).innerHTML; var
str2=str1.length; var str3=str2/2; var substr = str1.substring(str3, str2); var
n = substr.search(&quot;&lt;br&gt;&quot;); if(n&lt;0) { n = substr.indexOf('.');
if(n&lt;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=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;
var newbody=firsthalf+addcode+secondhalf; var
strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
strnew[0].innerHTML=newbody;
document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;
</script>

</b:if>


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

إرسال تعليق

أحدث أقدم