كيف تضيف إعلان داخل المواضيع والتحكم فيه من التخطيط

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

كيف تضيف إعلان داخل المواضيع والتحكم فيه من التخطيط

أولا 1

 قم بالبحث عن الوسم ]]></b:skin> ثم قم بوضع الكود التالي فوقة.

.wide{width:100%!important;margin-right:0!important} .navi-wide #blog-pager{width:100%!important;margin-right:0!important} .inline-ad{text-align:center;margin-bottom:20px} #HTML202{margin-right:20px;margin-bottom:20px;text-align:center} #HTML109{text-align:center} #HTML201{margin-bottom:20px} #HTML203{margin-top:20px} .post-body #HTML201,.post-body #HTML203{display:block} .post-body #HTML202{display:inline} @media print { #HTML202{display:none!important} }

ثانيا 2

 قم بالبحث عن الوسم </head> ثم قم بوضع الكود التالي فوقة.br />

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script> 

ثالثا3

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

<article expr:name='data:blog.metaDescription ? "" : "description"'>
<div id='postAD-top'/>
<i class='clear'/>
<data:post.body/>
<i class='clear'/>
<div id='postAD-bottom'/>
<i class='clear'/>
</article>

رابعا 4

 قم بالبحث عن الكود التالي <b:includable id='threaded_comments' var='post'> ثم قم بوضع بالكود التالي كما موضح في الصورة التالية.

<!--Start Ads -->
 <b:widget id='HTML201' locked='true' mobile='yes' title='إعلان أول الموضوع' type='HTML' version='1'>
 <b:widget-settings>
 <b:widget-setting name='content'/>
 </b:widget-settings>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType == "item"'><data:content/></b:if>
 </b:includable>
 </b:widget>
 <b:widget id='HTML202' locked='true' mobile='yes' title='إعلان وسط الموضوع' type='HTML' version='1'>
 <b:widget-settings>
 <b:widget-setting name='content'/>
 </b:widget-settings>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType == "item"'><data:content/></b:if>
 </b:includable>
 </b:widget>
 <b:widget id='HTML203' locked='true' mobile='yes' title='إعلان آخر الموضوع' type='HTML' version='1'>
 <b:widget-settings>
 <b:widget-setting name='content'></b:widget-setting>
 </b:widget-settings>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType == "item"'><data:content/></b:if>
 </b:includable>
 </b:widget>
<!--End Ads -->

خامسا 5

 قم بالبحث عن الوسم </body> ثم قم بوضع الكود التالي فوقة.

<script type='text/javascript'>/*<![CDATA[*/$(function() {"use strict";$("#postAD-top")["append"]($("#HTML201"));$("#postAD-bottom")["append"]($("#HTML203"));var _0x8468x0 = Math["floor"]($(".post-body *")["length"] / 2);$(".post-body *:eq(" + _0x8468x0 + ")")["after"]($("#HTML202"));});/*]]>*/</script>

ويهذا نكون قد وضعنا اعلان  اول الموضوع  و وسط الموضوع  و واخر الموضوع.

wesam developer

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا