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

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

أولا: قم بالبحث عن الوسم ]]></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}
}

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

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

ثالثا: قم بالبحث عن الكود التالي<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>

رابعا: قم بالبحث عن الكود التالي <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 -->

خامسا: قم بالبحث عن الوسم </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>

مستر ابوعلى

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

Default