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>

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

Share on Google Plus

صاحب المدونه : صفحات هايف

اهلا وسهلا فيكم معنا بالمدونه البسيطه ""