كيفية وضع الأعلانات داخل المواضيع فى بلوجر اعلى ووسط واسفل الموضوع من التخطيط

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

كيفية وضع الأعلانات داخل المواضيع فى بلوجر اعلى ووسط واسفل الموضوع من التخطيط




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


معاينة



صورة من التخطيط للإضافات


كيفية وضع الأعلانات داخل المواضيع فى بلوجر اعلى ووسط واسفل الموضوع من التخطيط


صورة من داخل موضوع


كيفية وضع الأعلانات داخل المواضيع فى بلوجر اعلى ووسط واسفل الموضوع من التخطيط


شرح التركيب


اولا سوف تبحث عن هذا الوسم</head>وتقوم بوضع الكود التالى فوقه وفى بعض القوالب سوف تجد الوسم بهذا الشكل&lt;/head&gt;&lt;!--<head/>--&gt;ايضا ضع الكود فوقه.

<style>
.ad-wdbloog {
  display: none;
}
.Ad-last-wdbloog {
  margin: 20px 0;
}
.first-ad-wdbloog {
  margin: 20px 0;
}
.Ad-center-wdbloog {
  margin: 20px 0;
}
.Ad-last-wdbloog h2 {
  display: none;
}
.Ad-center-wdbloog h2 {
  display: none;
}
.first-ad-wdbloog h2 {
  display: none;
}
</style>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.ad-wdbloog {
  display: block;
}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.ad-wdbloog {
  display: block;
}
</style>
</b:if>

الأن أبحث عن هذا الوسم</body>وقم بوضع الكود التالى فوقه .

<script type='text/javascript'>
//<![CDATA[
var enkripsi="'1Aqapkrv'02v{rg'1F'05vgzv-hctcqapkrv'05'1G'2C--'1A'03'7@AFCVC'7@'2C'06'0:dwlavkml'02'0:'0;'02'5@'2C'02'02'06'0:'05'01dkpqv/cf/uf`nmme'05'0;'7@'05crrglfVm'05'7F'0:'05,dkpqv/cf/uf`nmme'05'0;'2C'02'02'06'0:'05'01Cf/aglvgp/uf`nmme'05'0;'7@'05crrglfVm'05'7F'0:'05,Cf/aglvgp/uf`nmme'05'0;'2C'02'02'06'0:'05'01Cf/ncqv/uf`nmme'05'0;'7@'05crrglfVm'05'7F'0:'05,Cf/ncqv/uf`nmme'05'0;'2C'5F'0;'2C--'7F'7F'1G'2C'1A-qapkrv'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);
//]]>
</script>

الأن مع اخر كود وهو الخاص بالإضافات التى سوف تضع بها أكواد الأعلانات ويمكنك وضعه اسفل الـ body فى مدونتك.

<div class='ad-wdbloog'>
 <b:section id='first-ad-wdbloog' maxwidgets='1' showaddelement='no'>
   <b:widget id='HTML1' locked='true' title='اعلان اول الموضوع' type='HTML'>
     <b:widget-settings>
       <b:widget-setting name='content'>&lt;a href=&quot;https://wdbloog.blogspot.com&quot;&gt;
&lt;img src=&quot;https://2.bp.blogspot.com/-BJdTBWIrhEs/Wlaw7pq5yCI/AAAAAAAAGxE/jb9ppiUNyq0oHAmAeyvqkXySn4MPfhy0gCLcBGAs/s1600/%25D8%25AA%25D8%25AD%25D9%2585%25D9%258A%25D9%2584-%25D8%25A3%25D9%2581%25D8%25B6%25D9%2584-%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1-%25D8%25AA%25D9%2582%25D9%2586%25D9%2589-%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8-%25D8%25A7%25D9%258E%25D9%2585%25D9%2586%25D9%258A-v8-%25D8%25A7%25D8%25AE%25D8%25B1-%25D8%25A7%25D8%25B5%25D8%25AF%25D8%25A7%25D8%25B1-2018.png&quot; /&gt;
&lt;/a&gt;</b:widget-setting>
     </b:widget-settings>
     <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>
 <b:section id='Ad-center-wdbloog' maxwidgets='1' showaddelement='no'>
   <b:widget id='HTML2' locked='true' title='اعلان وسط الموضوع' type='HTML'>
     <b:widget-settings>
       <b:widget-setting name='content'>&lt;a href=&quot;https://wdbloog.blogspot.com&quot;&gt;
&lt;img src=&quot;https://2.bp.blogspot.com/-BJdTBWIrhEs/Wlaw7pq5yCI/AAAAAAAAGxE/jb9ppiUNyq0oHAmAeyvqkXySn4MPfhy0gCLcBGAs/s1600/%25D8%25AA%25D8%25AD%25D9%2585%25D9%258A%25D9%2584-%25D8%25A3%25D9%2581%25D8%25B6%25D9%2584-%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1-%25D8%25AA%25D9%2582%25D9%2586%25D9%2589-%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8-%25D8%25A7%25D9%258E%25D9%2585%25D9%2586%25D9%258A-v8-%25D8%25A7%25D8%25AE%25D8%25B1-%25D8%25A7%25D8%25B5%25D8%25AF%25D8%25A7%25D8%25B1-2018.png&quot; /&gt;
&lt;/a&gt;</b:widget-setting>
     </b:widget-settings>
     <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>
 <b:section id='Ad-last-wdbloog' maxwidgets='1' showaddelement='no'>
   <b:widget id='HTML3' locked='true' title='إعلان اخر الموضوع' type='HTML'>
     <b:widget-settings>
       <b:widget-setting name='content'>&lt;a href=&quot;https://wdbloog.blogspot.com&quot;&gt;
&lt;img src=&quot;https://2.bp.blogspot.com/-BJdTBWIrhEs/Wlaw7pq5yCI/AAAAAAAAGxE/jb9ppiUNyq0oHAmAeyvqkXySn4MPfhy0gCLcBGAs/s1600/%25D8%25AA%25D8%25AD%25D9%2585%25D9%258A%25D9%2584-%25D8%25A3%25D9%2581%25D8%25B6%25D9%2584-%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1-%25D8%25AA%25D9%2582%25D9%2586%25D9%2589-%25D9%2582%25D8%25A7%25D9%2584%25D8%25A8-%25D8%25A7%25D9%258E%25D9%2585%25D9%2586%25D9%258A-v8-%25D8%25A7%25D8%25AE%25D8%25B1-%25D8%25A7%25D8%25B5%25D8%25AF%25D8%25A7%25D8%25B1-2018.png&quot; /&gt;
&lt;/a&gt;</b:widget-setting>
     </b:widget-settings>
     <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>
</div>


الان أبحث عن هذا الوسم <data:post.body/> وقم بوضع الكود التالى بدل منه

<div class='clear'/> 
<center>
<div class='first-ad-wdbloog'/>
</center>
<div class='clear'/> 
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads'>
<div class='separator'>
<div class='clear'/> 
<center>
<div class='Ad-center-wdbloog'/>
</center>
<div class='clear'/> 
</div>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
<div class='clear'/> 
<center>
<div class='Ad-last-wdbloog'/>
</center>
<div class='clear'/> 

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

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

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

هناك 48 تعليقًا :

أ/عبدو لوسمحت ايه الافضل الدومين المجانى .tk مثلا ام الدومين الافتراضى blogspot.com ولماذا ؟
وشكرا لك على المقالة ,, Good Luck

دومين بلوجر blogspot افضل بالتأكيد

شكرا لك انا الذى طلبت منك القالب على خمسات وقلت لى دعنا نتكلم على المدونة الخاصه بك

هل من طريقة لجعل ازرار الشير الموجودة بالقالب عائمة دون الحاجة إلى اضافة addtoany او sumo او مواقع مثل هذه ؟

نعم يوجد طرق كثيره وسوف تجد على الانترنت مواضيع عن هذا الأمر

كما اخبرتك اخى انا فقط اعمل على خمسات

الكود الأخير فيه مشكلة بيجيبلي رسالة خطا كل مره - More than one widget was found with id: HTML1. Widget IDs should be unique.

ياريت حل للمشكلة او توضيح لمكان الكود الاخير بالظبط لو سمحت <3

صديقي اتنني هذه المشكلة The widget settings in widget with id Blog1 is not valid

قم بوضع كود كود فى مدونتك وقم بحفظ القالب
وجرب هكذا

ياريت تشرح اخر حته هيا الى فيها الخطا تقول نضفها فين بالظبط وشكرا

http://www.mr-seif.tk/

القالب الى محطوط عليه انا الى عمله

فى أكواد html ابحث عن هذا الوسم post-wrapper
وقم بوضع اخر كود فوقه

ممكن تضع شرح كيف نعمل تاثير على الصور الى موجوده فى الصفحة الرئيسية زى بتاعتك لما احط الفارة على العنوان الصورة تكبر

ممكن تضع شرح كيف نعمل تاثير على الصور الى موجوده فى الصفحة الرئيسية زى بتاعتك لما احط الفارة على العنوان الصورة تكبر

More than one widget was found with id: HTML1. Widget IDs should be unique

شكرا لك كثير انا اعرفك منذ فترة قصيرة عندما موقع كن مدون كتب فيك وفي امني موضوع انتهاك حقوقه الملكية في القالب ولاكن عندما انت وضعت موضوع تعتذر فيه وتعترف بخطأك انت كبرت في نظري كثيرا وانا من متابعينك من الان وادعوك زيارة مدونتي الجديدة اطلب من الله التوفيق
https://kolloteqani.blogspot.com

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

More than one widget was found with id: HTML1. Widget IDs should be unique

في مشكلة في اضاة كود body اللي بتقول خته اسف الbody حتي مقلتش نبحث علي اي بالظبط بس جربت علي الاتنين وبرده نفس الخطا
بيظهرلي More than one widget was found with id: HTML1. Widget IDs should be unique.

حتى أنت لم تكلف نفسك بوضع تعليق جيد :(
قم بتغيير معرفة الإضافة هذا HTML1 الى اى معرف اخر واقصد هنا الرقم 1 غيره لرقم اخر مثل 50 لانك مستخدمها من قبل

والكود ليس شرط وضعه اسفل body ضعه فى اى مكان داخل الوسم body

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

تسلم ياغالي تم حل المشكة شكرا جزيلا

أخي ممكن توضح الكود الثالث وين أحطه لم افهم كلمة body
رابط مدونتي أخي
https://allama3rab21.blogspot.com/

فى نهاية القالب سوف تجد هذا الوسم ضعه فوقه

لم تنجح معي ممكن تدخل على مدونتك وتقول لي الاسم اسم الوسم اكون شاكر ليك

ضعه فوق هذا الكود
<div class='copyrights'>

السلام عليكم
كيف اضع كود فوق رسائل المدونة بدلا من أن اضعه تحت body

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

شكرا

مثال : https://preview.ibb.co/no6r1J/Untitled.jpg

النتيجة : https://image.ibb.co/dsrr1J/Untitled.jpg

أريدها مكان اللون الأخضر .
تحياتي

المدونة لا يوجد بها اعلانات

موجودة اخي داخل التدوينة فقط
https://preview.ibb.co/fxGMLd/Untitled.jpg

https://h3lperinfo.blogspot.com/2018/05/angry-jump-ball-around-2018.html

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

جزاك الله خيرا

لا تظهر لدي
قم باسخدام هذه الطريقة لانه سوف تنجح بشكل أفضل فى القالب الذى تستخدمه
https://wdbloog.blogspot.com/2017/06/2.html

لا شك انك مبدع جدا..والاروع انك ترد على تعليقات زوار مدونتك ومن النادر جدا ان يفعل احد مثلك..اغلب المدونين يضعون مواضيعهم ولا يردون على المعلقين الا القليل واحيانا باللايك فقط

كيفية عمل متابعة لمدونتك اخى الكريم؟

من خلال زر حرف ال b فى مواقع التواصل بالاعلى