Start typing and press Enter to search

مساحة إعلانية متجاوبة
فنون

السبت، 21 أكتوبر 2017

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

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

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

ليست هناك تعليقات:

إرسال تعليق

test section describtion