طريقة وضع أعلانات على جانبي مدونة بلوجر

لقد وفقت في العثور علي كود مميز لإضافة الإعلانات الجانبية الثابته لمدونات بلوجر ، و أهم ما يميز هذا الكود هو التحكم في أماكن ظهوره ؛ حيث بإمكانك أن تجعل الكود يظهر في الصفحة الرئيسية فقط أو في المشاركات " المواضيع " فقط أو في الصفحة الرئيسية و المشاركات " المواضيع " معاً . و لهذا الكود مردود جيد سواء  إستخدمته لوضع إعلانات المنصات الربحية " جوجل أدسنس أو حسوب أو ...إلخ " أو إستخدمته بغرض التسويق بالعمولة " شبكة حسوب للتسويق بالعمولة أو أيكو أو أمازون ...إلخ " .

والان سوف نتحدث عن طريقة وضع إعلانات أدسنس المنبثقة جانب مدونة بلوجر وزيادة الارباح لكن هناك عدة مشاكل سأعلجها في هذا الشرح

أولا:  قد يؤدي إضافتك لإعلان متحرك إلى غلق حساب جوجل أدسنس خاصتك لذى سنضع إعلان ثابت

ثانيا: هناك بعض الأكواد الخاطئة التي تجعل الإعلانات تحجب جزء من الصفحة لأجهزة الجوال

ثالثا: عدم قبول القالب لأكواد الإعلانات

تابعوا معنا الشرح
 أولا نروح إلى القالب ثم تحرير HTML
ثم نبحث (CTRL+F) عن  </head> 
و نضع الكود التالي فوقه <style type='text/css'> .ads-oussamachaouki { left: 0; position:absolute; top: 197px; z-index: 9999; } /* إخفاء الإعلان للأجهزة المحمولة */ @media only screen and (max-width: 767px) and (min-width: 180px){ #topcontrol , .ads-oussamachaouki{display:none !important;} @media only screen and (max-width: 179px){ #topcontrol , .ads-oussamachaouki{display:none !important;} </style>
ثم نبحث عن </body>
و نضع الكود التالي فوقه <div class='ads-oussamachaouki'> كود الإعلان هنا </div>

مايجب تغييره:

لتحكم في ارتفاع الإعلان غير الرقم التالي 197  بما تريد

ضع مكان "كود الإعلان هنا"  كود إعلانك الذي يجب أن يكون قياسه إما

كما يجب أن يكون  Code type أو نوع الكود في الخيار الثاني Synchonous ليتم قبوله في القالب لأنه إن كان في الخيار الأول سيقولون لك هناك خطأ

و لوضع الإعلان في اليمين غير left ب right كما يجب عليك إن أردت وضع إعلانين أو ثلاثة أو أربعة زيادة رقم قرب 

oussamachaouki في الكودين السابقين مثال:

<style type='text/css'> .ads-oussamachaouki1 { left: 0; position:absolute; top: 197px; z-index: 9999; } /* إخفاء الإعلان للأجهزة المحمولة */ @media only screen and (max-width: 767px) and (min-width: 180px){ #topcontrol , .ads-oussamachaouki1{display:none !important;} @media only screen and (max-width: 179px){ #topcontrol , .ads-oussamachaouki1{display:none !important;} </style>
<div class='ads-oussamachaouki1'> كود الإعلان هنا </div>
أتمنى أن يفيدكم الشرح و أي تساؤول بإمكانكم طرحه في تعليق و شكرا