قالب الكلباني kalabani v1 البسيط لمدونات بلوجر التقنية والشخصية

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

لمتابعة آخر اخبار ادسنس انضم الى مجموعتنا - ادسنس العرب

ملاحظه :

كنت قد شرحت في موضوع سابق تركيب اعلان ادسنس يمين او يسار الصفحه او في منتصف الصفحة بحيث يظهر بشكل منزلق امام الزائر ، اضغط هنا لقراءة الموضوع  .

اولا : اضافة اعلانات ادسنس في مقدمة او نهاية الموضوع

في البداية يجب عليك انشاء وحدة اعلانية بأي قياس تريد ثم الحصول على شفرة الأعلان ، ثم قم بتحويل الشفره  من هنا ثم انسخ الكود المحول وضعه في المكان المخصص في الكود التالي  :

<div align='center'> <b:if cond='data:blog.pageType == "item"'> كود ادسنس المحول هنا </b:if> </div>

الآن انسخ الكود كاملا واحتفظ به في ملف تكست .
بعد ذلك توجه الى لوحة تحكم بلوجر ثم اختار قالب ثم اختار تحرير html وابحث عن هذا الكود <data:post.body/> باستخدام CTRL+F ، ستجد اكثر من كود ، الكود المطلوب هو عادة يكون الكود الثاني او الكود الذي يلي جملة اقرأ المزيد
ثم انسخ كود اعلان ادسنس الذي احتفظنا به في ملف التكست وضعه قبل <data:post.body/> اذا اردت ظهور الأعلان في مقدمة الموضوع  ، واذا اردت ظهور الأعلان نهاية الموضوع فضع كود اعلان ادسنس بعد <data:post.body/>

ثانيا : اضافة اعلان ادسنس وسط الموضوع

ابحث عن هذا الكود <data:post.body/>  في html  كما ذكرنا في الخطوة الأولى والذي يأتي بعد رابط اقرأ المزيد ثم احذفه وضع مكانه الكود التالي :

<div align='center'> <b:if cond='data:blog.pageType == "item"'> <div expr:id='"aim1" + data:post.id'> </div> <div style="clear:both; margin:10px 0"> <!-- كود ادسنس المحول --> </div> <div expr:id='"aim2" + data:post.id'> <data:post.body/> </div> <script type="text/javascript"> var obj0=document.getElementById("aim1<data:post.id/>"); var obj1=document.getElementById("aim2<data:post.id/>"); var s=obj1.innerHTML; var r=s.search(/\x3C!-- adsense --\x3E/igm); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} </script> </b:if> </div>

ثم قم بتحول شفرة اعلان ادسنس من الموقع السابق  ثم انسخ الكود المحول وضعه مكان جملة : كود ادسنس المحول  ، واحفظ القالب
الآن كل ما عليك فعله هو: عند كتابة موضوع جديد انتقل من تأليف الى html وضع هذا الكود  <!-- adsense --> في المكان الذي تريد ظهور الأعلان به سواءا وسط الموضوع او نهايته او اي مكان ،  وسيظهر الأعلان في نفس المكان الذي وضعت به هذا الكود <!-- adsense -->

ثالثا : وضع اعلانين جنب بعض

ابحث في html عن <data:post.body/> كما ذكرنا سابقا وضع الكود التالي قبله او بعده حسب مكان ظهور الأعلان الذي تريده

<table cellpadding="0" cellspacing="0" border="0" style="width:100%;"> <tr><td>كود الإعلان الأول بعد تحويله</td> <td>كود الإعلان الثانى بعد تحويله</td> </tr> </table>

كود آخر:

<b:if cond='data:blog.pageType != "index"'> <b:if cond='data:post.isFirstPost'> <span class='FL'> ضع هنا كود الإعلان الأول بعد تحويله </span> <span class='FR'> ضع هنا كود الإعلان الثاني بعد تحويله </span> <div class='spacer'/> </b:if></b:if>

رابعا : وضع اعلان ادسنس بشكل متداخل مع المحتوى

ابحث في html عن <data:post.body/> كما ذكرنا سابقا وضع الكود التالي قبله او بعده حسب مكان ظهور الأعلان الذي تريده مع تغيير كلمة left الى right اذا اردت ظهور الأعلان على يمين المحتوى

<b:if cond='data:blog.pageType == "item"'> <div style="float: left; margin: 10px 10px 10px 0;"> كود ادسنس المحول هنا </div> </b:if>

خامسا : كود الأعلان منتصف الصفحة منبثق مع علامة الأغلاق 

ضع شفرة اعلان ادسنس في المكان المخصص ويفضل ان يكون الأعلان مربع  ثم انسخ الكود كاملا وضعه باضافة اداه من تخطيط في اي مكان ثم حفظ

<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:150px;left:0px;0;z-index:999;-webkit-transform:translateZ(0);'> <div> <a id='close-fixedban' onclick='document.getElementById('fixedban').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://goo.gl/dG4KcG' title='close button' style='vertical-align:middle;'/></a></div> <div style='text-align:center;display:block;max-width:auto;height:auto;overflow:hidden;margin:auto'> ضع كود ادسنس هنا </div> </div>

تحديث : وسيلة اخرى اضافها جوجل حديثا 
طريقة اضافة الأعلانات المدمجة مع المحتوى