الطريقة الصحيحة لوضع الاعلانات وسط المواضيع




السلام عليكم
ورحمة الله
وبركاته

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




طريقة التركيب
  1. أولا قم بعمل نسخة احتياطية من القالب
  2. ثم قم بتحرير القالب وابحث عن الوسم <data:post.body/>
  3. وقم باستبداله بالأكواد التالية
  • <div id="PostBody">
  •  <data:post.body/>
  • </div>
  • <div id="AdCode">
  • <div style='margin:5px 0;text-align:center;clear:both;'>
  • <a name='details'/>
  • <div class='clear'/>
  • </div>
  • </div>
  1. ملاحظة : قد تجد الوسم ثلات مرات لذا ستقوم بالتجربة على كل واحد تلو الاخر الى أن يظهر الاعلان

  1. الان ابحث عن /head وضع الكود التالي فوقه
  • <script type='text/javascript'>
  • /*<![CDATA[*/
  • $(document).ready(function(){
  • $('a[name="between"]').before($('#ads-between').html());
  • $('#ads-between').html('');
  • });
  • /*]]>*/
  • </script>
  1. الان ابحث عن </body>
  2. وضع الأكواد التالية فوقه
  • <b:if cond='data:blog.pageType == &quot;item&quot;'>
  • <script>
  •  $AdCode = $("#AdCode").html();
  •  $("#PostBody br:eq(2)").replaceWith($AdCode);
  •  $("#AdCode").remove();
  • </script>
  • </b:if>
الرقم 2 بالاحمر يقصد به عدد الاسطر التي يظهر بعدها الاعلان
  1. الان ابحث عن id='main-wrapper'
  2. وضع الكود التالي فوقه مباشرة
  •   <b:section class='ads between' id='ads-between' maxwidgets='1' name='اعلان وسط المقال'>
  •     <b:widget id='HTML7' locked='false' title='' type='HTML'>
  •       <b:includable id='main'>
  •   <!-- only display title if it's non-empty -->
  •   <b:if cond='data:title != &quot;&quot;'>
  •     <h2 class='title'><data:title/></h2>
  •   </b:if>
  •   <div class='widget-content'>
  •     <data:content/>
  •   </div>

  •   <b:include name='quickedit'/>
  • </b:includable>
  •     </b:widget>
  •   </b:section>
  1. الان قم بحفظ القالب ثم توجه الى التخطيط ثم اضغط على f5 بالكيبورد
  2. بعدها ستجد اداة باسم اعلان وسط الموضوع ضع بها ما تريد وستظهر وسط المقال

هناك 3 تعليقات


EmoticonEmoticon