AdSpace768x90
AdSpace768x90


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

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



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

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

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











الآن انسخ الكود كاملا واحتفظ به في ملف تكست .



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



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



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

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











 كود الأعلان في الخلفيه يمين ويسار الصفحه دون أن يغطي على محتوى الموضوع وغير مخالف لسياسات أدسنس في وضع الأعلانات

شاهد مثال على الأعلان اضغط على الصوره







طريقة التركيب 

توجه الى لوحة تحكم بلوجر ثم تخطيط وضع الكود في اي مكان باضافة اداه

كود الأعلان يمين الصفحه









كود الأعلان يسار الصفحه







كود الأعلان يمين ويسار الصفحه





ملاحظة :يمكنك التحكم في الرقم 675 الموجود في الكود اما بالزيادة او النقصان وذلك حسب عرض قالب مدونتك














اضف وحدة اعلانية بعد فاصل اقرأ المزيد

Put Ads  After Read More
من اهم أماكن الوحدات الإعلانية تلك التي تكون في وسط الموضوع او بعد جزء من القراءة في الموضوع فيجد الزائر اعلان امامه هذا الأمر مشجع للضغط لذلك هو مكان حيوي لكن في بلوجر الأمر ليس باليسير ان تضيف اعلان وسط الموضوع لكن هناك طريقة تمكنك من ذلك لكنها تتطلب شرط بسيط وهو وجود فاصل اقرأ المزيد قد تحدثنا في موضوع سابق حول فاصل اقرا المزيد وأهميته في تسريع المدونة وله اهمية اخرى نستعرضها في موضوعنا وهو انه يمكنك ان تضيف وحدة اعلانية اسفله مباشرة يعني بمجرد ما تضيفه في اى مكان بالموضوع في البداية او الوسط تحته سيظهر الإعلان اما المواضيع التي لن تستخدم بها الفاصل فلن يظهر بها الموضوع طبعا يمكنك استخدام اى كود في الإعلان ادسنس حسوب او حتى صورة وكمثال معاينة حي سأقوم بإضافة الفاصل بعد هذه الكلمة مباشرة






كما ترى المساحة الإعلانية تظهر فوق ولتركيب الكود كل ما عليك اتباع التالي
أولا فوق الوسم </head> أضف الكود التالي
<script type='text/javascript'>



$(document).ready(function(){







$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#cnmu-more-ads&#39;).html());



$(&#39;#cnmu-more-ads&#39;).html(&#39;&#39;);







});



</script>
ثم ابحث عن هذا الكود <data:post.body/>
وبعده اضف التالي
 <b:if cond='data:blog.pageType == &quot;item&quot;'>



<div style="display:none;">



<div id='cnmu-more-ads'>



<br/>



<center>



اضف كود الإعلان هنا





</center>



<br/>



</div>



</div>



</b:if>
ملاحظة ربما يكون الكود متكرر اكثر من مرة فيجب ان تجرب حتى تصل للكود المطلوب
وطبعا استبدل  اضف كود الإعلان هنا بكود الإعلان كما ذكرت ادسنس حسوب او غيرهما لكن طبعا لا تنسى تحويله بمحول الأكواد
قد تكون محتاج لتركيب كود مكتبة jquery ان لم يكن موجود في قالبك
هذا هو الكود اضفه فوق الوسم</head>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>






لا يستخدم الشريط الجانبي في مشاركات المدونة فقط للأدوات التي تدعم محتوى المدونة ، ولكنه يستخدم أيضًا فى الوحدات الإعلانية الذاتية ، التي تعرض بانر تصميم إعلان 300 × 250 أو 125 × 125 ، يمكنك أيضًا استخدام اعلانات أدسنس به مثل ما فى مدونة عالم المدون حاليا أو إعلانات بانر بديلة أخرى في الشريط الجانبي.







عندما تقوم بإضافة إعلانات البانرات 300 × 250 و 125 × 125 إلى الشريط الجانبي ، يجب أن تظهر إعلانات البانرات ، أو بمعنى اخر يجب أن تكون بتنسق جيد لها ، وفى هذا الموضوع سوف أقدم لكم إضافة لوضع إعلانات البانرات فى الشريط الجانبي بطريقة احترافيه بأستخدام CSS و HTML .







طريقة وضع وحدات إعلانية فى الشريط الجانبي بشكل احترافي
طريقة وضع وحدات إعلانية فى الشريط الجانبي بشكل احترافي




معاينة الإضافة











صورة من الإضافة













طريقة وضع وحدات إعلانية فى الشريط الجانبي بشكل احترافي





تابع معى الشرح والخطوات التاليه لمعرفة كيفية وضع بسيطة بأحجام 300 × 250 أو 125 × 125 فى الشريط الجانبي بكل سهوله.







اولا قم بوضع الكود التالى فوق الوسم]]></b:skin>هذا فى مدونتك.





*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.banner_box_ads{background:#efefef;width:300px;margin:0 auto;text-align:center;padding:16.6666666667px}
.banner_box{background:#ddd;height:125px;width:125px;display:inline;margin:0;padding:0;float:right;position:relative;}
.banner_box:nth-child(1),.banner_box:nth-child(3){margin-left:16.6666666667px}
.banner_box:nth-child(1),.banner_box:nth-child(2){margin-bottom:16.6666666667px}
.banner_box a{position:relative;display:block;z-index:2}
.banner_box img{object-fit:cover}
.banner_box:before{content:"125x125";line-height:1.2;position:absolute;top:0;left:0;width:100%;height:100%;color:#444;font-size:20px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.banner_300{width:300px;height:250px;}
.banner_box.banner_box-300:nth-child(1){margin-right:0;margin-bottom:0;}
.banner_box_ads.box_widget{padding:0;}
.banner_300:before{content:"300x250";}
.clear{clear:both;}




الأن عليك حفظ القالب وتقوم بالأنتقال الى التخطيط فى مدونتك الأن وتقوم بأنشاء أداة جديد وتقوم بوضع الكود التالى بها.







<div class="banner_box_ads box_widget">
<div class="banner_box banner_300">
<!-- 300x250 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="250" width="300"/></a>
</div>
<div class="clear"/>
</div>
<div class="banner_box_ads">
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="clear"/>
</div>




الأن سوف يكون عليك كل ما فى الكود من عبارات بما يناسب الأعلان الخاص بك وبعد ذلك سوف تقوم بحفظ الإضافة.







هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .





اميرة كل الورود
كاتب ومحرر اخبار اعمل في موقع قالب .

جديد قسم :

إرسال تعليق

AdSpace768x90
AdSpace768x90
AdSpace768x90
AdSpace768x90
AdSpace768x90
AdSpace768x90
AdSpace768x90