طريقة إضافة اعلانات أدسنس داخل المقالة في بلوجر

اعلانات الروابط

كيف نضيف اعلانات ادسنس بين فقرات المقالة في بلوجر ؟

من المواضيع الهامة جداً لزيادة أرباحك من أدسنس طريقة توزيع اعلانات أدسنس داخل المقالة في أعلى المقالة أو أسفل المقالة 

داتا ستار علم نفسك من خلال طريقة سهلة وبسيطة يمكن من خلالها وضع إعلانات الروابط داخل المقالة 

برنامج خطيييير جداً للنشر على الفيسبوك بدون حظر 2019

من خلال بعض الأكواد مثل أكواد css و أكواد hml

خطوات إضافة الاعلانات داخل المقالة :

- نفتح مدونة بلوجر

 - من لوحة التحكم الرئيسية نفتح المظهر

 - ثم تعديل HTML

- ونفتح مربع البحث داخل أكواد المظهر بالضغط على ctrl+f

 - نبحث عن ( data:post.body ) نقوم بالبحث ثلاث مرات وبعد المرة الثالثة سوف نقوم بوضع هذه الأكواد ( HTML ) تحت الوسم السابق إذا أردنا أن تكون الاعلانات تحت المقالة أو فوق الوسم السابق اذا اردنا ان تكون الاعلانات فوق المقالة .

- نبحث عن أكواد css داخل المظهر وتحت الوسم skin  نضع أكواد css

- نقوم بفتح حساب ادسنس وعمل وحدة اعلانية جديدة واختيارنوع الاعلان الروابط 

واختيار مقاس البانر 90×200 ثم انشاء الاعلان واخذ الشفرة ونسخها بداخل أكواد html ( الاكواد سوف نتركها اخر المقالة )

- ونكرر الاعلان 3 مرات بنفس الطريقة 

- نحفظ المظهر وننتظر حتى تشغيل الاعلانات 

- في هذا الفيديو شرح كامل بالخطوات شرح اضافة اعلانات داخل المقالة

ولمشاهدة الفيديو مباشرة من داخل المدونة

الأكوادالمستخدمة

الكود الأول

----------

CSS Code

========

/* Google Ads under posts */

#google-posts-ads{width: 100%;margin: 10px auto;}

.google-links-ads{height: 280px; width: 50%; float:right;}

.google-photos-ads{height: 280px; width: 50%; float:left;}

.google-link1{height: 90px; width: 200px; margin: 0 auto; margin-bottom: 5px;}

.google-link2{height: 90px; width: 200px; margin: 0 auto; margin-bottom: 5px;}

.google-link3{height: 90px; width: 200px; margin: 0 auto; }

.google-photo-ad{height: 280px; width: 336px;margin: 0 auto;}

@media only screen and (max-width: 768px) {

.google-links-ads, .google-photos-ads{float: none; width: 100%;}

.google-links-ads{margin-bottom: 15px;}

}

/* Google Ads under posts */

================================

HTML Code

=========

<!-- Google Ads under posts -->

<div id="google-posts-ads">

<div class="google-links-ads">

<div class="google-link1"></div>

<div class="google-link2"></div>

<div class="google-link3"></div>

</div>

<div class="google-photos-ads">

<div class="google-photo-ad"></div>

</div>

</div>

<!-- Google Ads under posts -->

=============================================

=============================================

الكود الثانى

------------

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

================================

HTML Code

=========

<!-- Google Ads under posts -->

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

<!-- Google Ads under posts -->