طريقة تركيب الإعلانات على جانب مدونة بلوجر بشكل ثابت

طريقة تركيب الإعلانات على جانب مدونة بلوجر بشكل ثابت


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

لا يُسمح للمواقع التي تقوم بإظهار إعلانات Google بأن تحتوي على نوافذ منبثقة تتداخل مع التنقل عبر الموقع، أو تغيير تفضيلات المستخدم، أو بدء إجراء تنزيلات

وضع إعلانات في نص مربع متحرك.•تنسيق الإعلانات بشكل يميزها عن أي محتوى آخر في تلك الصفحة.

المصدرسياسات برنامج AdSense - مساعدة AdSense

إذاً لا يسمح لك بوضع إعلانات تتحرك مع الصفحة في أية مكان بالمدونة، والطريقة اليوم سوف تكون كيف تجعل الإعلان ثابت على جانب مدونتك وغير مخالف لسياسات جوجل أدسنس وغيرها، الطريقة تشمل وضع الإعلان على جانب الصفحة سواء كان على اليمين أو اليسار بشكل ثابت وسوف يتم إخفائه تلقائياً على الأجهزة المحمولة أو الأجهزة التي يقل عرض الشاشة عن  480 بكسل  حتى لا يغطي الإعلان الصفحة مما يجعله مخالف 100%

معاينة: من خلال المعاينة سوف تجد الإعلان على يسار الصفحة قم بتحريك الصفحة سوف ترى أن الإعلان ثابت، ثم قم بتصغير المتصفح الخاص بك حتى ترى أن الإعلان أختفى تلقائياً!

الآن نأتي إلى طريقة تركيب الإعلانات على مدونات بلوجر في جانب المدونة بشكل ثابت

بالبداية توجه إلى لوحة تحكم مدونتك ثم القالب ثم انقر على تحرير HTML الآن أضف الكود التالي فوق الرمز
</head> مباشرةً:
      <style type='text/css'>
.ads-medad {
left: 0;
position:absolute;
top: 197px;
z-index: 9999;
}
/*  إخفاء الإعلان للأجهزة المحمولة */
@media only screen and (max-width: 767px) and (min-width: 480px){
 #topcontrol , .ads-medad{display:none !important;}
@media only screen and (max-width: 479px){
 #topcontrol , .ads-medad{display:none !important;}
      </style>

الآن قم بتحويل كود الإعلان ويجب ان يكون حجم البانر الإعلاني 160x600 الذي ترغب بإضافته لمدونتك سواء كان تابع لجوجل أدسنس أو حسوب أو غيرها عن طريق الأداة التالية: تحويل كود أدسنس

بعد تحويل كود الأعلان أضفه داخل الرمز التالي في المكان المخصص
<div class='ads-medad'>
اضف كود الإعلان المحول هنــــــا
</div>
ثم أضف الكود كامل فوق الرمز </body> أو حتى في أي مكان بقالب مدونتك لا مشكلة لكن حتى لا تنسى اين وضعته :D ثم اختر حفظ القالب حتى ترى أن الإعلان بدأ يظهر في الجانب الأيسر لمدونتك

تخصيص الإعلان وشروط

  • يجب أولاً أن يكون كود الإعلان بانر بمقياس 160x600 بكسل ويجب تحويل الكود من الأداة المذكورة سابقاً
  • الكود الأول سوف يُظهر الإعلان على الجانب الأيسر من مدونتك لوضعه بالجانب الأيمن في مدونتك إستبدل الكلمة left بالكلمة right ثم حفظ
  • للتحكم في إرتفاع الإعلان بالمدونة تحكم بالرقم المشار إليه top: 197px;

هل تحتاج المزيد من المساعدة؟ لا تتردد في ترك تعليق لكن يرجى أولاً قراءة الشرح جيداً فهو سهل فقط عليك التركيز قليلاً حتى تستوعب العملية :) شكراً للمتابعة ونراكم في موضوع تالي.



مشاركات أقدم المقال التالي
60 تعليق
  • ysf
    ysf 09‏/09‏/2014, 8:55:00 م

    السلام عليكم اخي مداد ، بارك الله فيك على هدا الشرح الاكثر من رائع واشكر كثيرا لتلبية الطلب و مآدهلني سرعة وضع الشرح مع انني سالت العديد من اصحاب المدونات وضع متل هدا الشرح لاكن للاسف لم يستطيعوا وهذا يبين كفائتك كل التقدير والاحترام لك اخي مداد (h) (h) (h)

    • مداد الجليد
      مداد الجليد 10‏/09‏/2014, 9:34:00 م

      أهلاً وسهلاً بك أخي يوسف أتشكرك على كلماتك الطيبة, وشكراً لإقتراحك يمكنك في اي وقت طلب اي شرح او موضوع

  • heshamdesign
    heshamdesign 11‏/09‏/2014, 11:42:00 م

    ازاي اجيب كود الاعلان ؟

    • مداد الجليد
      مداد الجليد 12‏/09‏/2014, 2:04:00 م

      كود الاعلان الخاص بحسابك على جوجل ادسنس او حسوب او غيرها

  • ysf
    ysf 12‏/09‏/2014, 12:15:00 م

    هل يمكن اضافة اعلان في الجانب الاخر

    • مداد الجليد
      مداد الجليد 12‏/09‏/2014, 2:04:00 م

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

  • ysf
    ysf 12‏/09‏/2014, 10:04:00 م

    اقصد اعلان تاني فالجانب الاخر هل ممكن :-?

    • مداد الجليد
      مداد الجليد 13‏/09‏/2014, 10:17:00 م

      نعم يمكن ذلك كرر الطريقة نفسها مع إعادة تسمية السمة الخاصة بجميع الاكواد من ads-medad إلى ads-medadd على سبيل المثال الطريقة في الشرح سوف تظهر الإعلان في الجانب الأيسر من المدونة وهذه الاكواد التالية سوف تظهر الإعلان في الجانب الايمن من المدونة
      الكود الذي يجب إضافته فوق الرمز </head>

      <style type='text/css'>
      .ads-medadd {
      right: 0;
      position:absolute;
      top: 197px;
      z-index: 9999;
      }
      /* إخفاء الإعلان للأجهزة المحمولة */
      @media only screen and (max-width: 767px) and (min-width: 480px){
      #topcontrol , .ads-medadd{display:none !important;}
      @media only screen and (max-width: 479px){
      #topcontrol , .ads-medadd{display:none !important;}
      </style>

      الكود الذي يجب إضافة فيه كود الإعلان
      <div class='ads-medadd'>
      اضف كود الإعلان المحول هنــــــا
      </div>

      ثم لصقه في اي مكان بالقالب او فوق الرمز </body>
      بإستخدام هذه الطريقة سوف يظهر الإعلان في الجانب الايمن من المدونة ولظهور الإعلان في الجانب الايسر من المدونة يجب إستخدام الطريقة المطروحة في الموضوع ولظهور الإعلانات…

  • أحمد شكري
    أحمد شكري 03‏/10‏/2014, 12:59:00 ص

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

  • أحمد شكري
    أحمد شكري 03‏/10‏/2014, 1:08:00 ص

    هل يمكن ان اضع اعلانين فى اتجاه واحد

    • مداد الجليد
      مداد الجليد 03‏/10‏/2014, 3:38:00 م

      هل تريد تغطية الصفحة باعلانين بتجاه واحد؟ طبعا يمكنك ذلك من خلال تكرار كود الاعلان

  • Ahmed Abdelgaid
    Ahmed Abdelgaid 28‏/12‏/2014, 3:49:00 م

    السلام عليكم ورحمة الله وبركاته
    بصراحة الكود اكثر من رائع حيث انه الوحيد علي مستوي المدونات التقنيه المتجاوب ولكن لدي استفسر اريد تحريك الاعلان للاسفل فما التعديل في الكود

  • Unknown
    Unknown 10‏/01‏/2015, 12:59:00 ص

    طريقة نخلي الكود ثابت والمدونة متحرك

  • sss
    sss 10‏/02‏/2015, 2:01:00 م

    يا أخي هذا الكود خاطئ position:absolute
    يجب أن يكون بهذا الشكل position: fixed
    لكي يبقى الاعلان ثابت

    • مداد الجليد
      مداد الجليد 11‏/02‏/2015, 6:37:00 م

      شكراً لإهتمامك، لاحظ بالمعاينة فهو ثابت ويُمكن أن يختفي في حال كانت الشاشة أصغر مما يجب حتى لا يُغطي الصفحة.

  • المستقبل
    المستقبل 20‏/02‏/2015, 11:39:00 م

    شكراً لكم يا اخوان الاعزاء

    http://www.arabkm.net/

  • bd
    bd 09‏/03‏/2015, 4:50:00 ص

    شكرا تم التركيب ادخل للمعاينة عن كثب:
    http://www.taqafy.com/

  • مداد الجليد
    مداد الجليد 09‏/03‏/2015, 6:52:00 م

    احسنتم

  • bd
    bd 12‏/03‏/2015, 2:37:00 م

    اخي انا وضعت اعلان بجانب المدونة لكن لم يضهر بعد ماذا افعل
    هذا موقعي وشكرا: http://www.taqafy.com/

    • مداد الجليد
      مداد الجليد 12‏/03‏/2015, 2:49:00 م

      لم يظهر لان مدونتك مليئة بالإعلانات صديقي

  • bd
    bd 27‏/03‏/2015, 3:56:00 م

    اذا يجب علي مسح الاعلانات الاخرى . حسنا شكرا جزيلا لك

  • عبدالناصر
    عبدالناصر 08‏/06‏/2015, 9:34:00 م

    شكرا

    • مداد الجليد
      مداد الجليد 08‏/06‏/2015, 9:40:00 م

      العفو أخي

  • hamza ben abed
    hamza ben abed 26‏/07‏/2015, 10:25:00 م

    http://1.1.1.5/bmi/lh5.googleusercontent.com/-lYhpE97L_vw/AAAAAAAAAAI/AAAAAAAAXMc/HAd2zXczeXI/s45-c/photo.jpg

  • hamza ben abed
    hamza ben abed 26‏/07‏/2015, 10:27:00 م

    الكود لا يتبع الزائر ممكن حل ليتبع الزائر وشكرا لك اخي مداد على الشرح و الكود :

    www.th4arab.com

    • مداد الجليد
      مداد الجليد 27‏/07‏/2015, 6:58:00 م

      هذا الكود بشكل ثابت مع الصفحة وهو غير مخالف لسياسات جوجل

  • Unknown
    Unknown 24‏/10‏/2015, 2:22:00 ص

    كيف يمكنني اضافة الاعلان بالجابين معا الأيسر و الأيمن

    • مداد الجليد
      مداد الجليد 24‏/10‏/2015, 6:30:00 م

      اقراء الشرح اسفل لمعرفة كيف

  • التعليم المصري
    التعليم المصري 25‏/11‏/2015, 8:53:00 م

    هل تحويل كود أدسنس غير مخالف لشروطها؟

    • مداد الجليد
      مداد الجليد 25‏/11‏/2015, 11:31:00 م

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

  • rafiq fathy
    rafiq fathy 09‏/12‏/2015, 12:51:00 ص

    شكرا لك ولكن عند تصغير النافذه او على الجوال يظهر الاعلان ويغطى المحتوى . فما الحل مع العلم ان غير مفعل نسخة الموبيل للقالب لانى استعمل قالب متجاوب واليك مثال http://refofun.blogspot.com.eg/2013/09/blog-post_9.html

    • مداد الجليد
      مداد الجليد 09‏/12‏/2015, 10:01:00 م

      العفو اخي
      الاعلانات في مدونتك كثيرة حاول التخفيف منها
      لم ارى اية مشاكل!

  • التعليم المصري
    التعليم المصري 21‏/12‏/2015, 7:56:00 م

    شكرًا لك جربته ونجح الحمد لله

    • مداد الجليد
      مداد الجليد 21‏/12‏/2015, 8:03:00 م

      العفو اخ ادهم

    • التعليم المصري
      التعليم المصري 23‏/12‏/2015, 11:49:00 م

      لكن كيف أجعل البنر يمين وشمال يعني الاثنين في وقت واحد . وشكرا على مساعدتك

  • غير معرف
    غير معرف 28‏/01‏/2016, 4:39:00 م

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

    • مداد الجليد
      مداد الجليد 28‏/01‏/2016, 11:53:00 م

      قد يكون حسابك تمت الموافقة عليه مبدئياً فقط وعليك الإنتظار حتى يأتي الرد النهائي

    • غير معرف
      غير معرف 29‏/01‏/2016, 5:17:00 م

      شكرا جزيلا لك

    • مداد الجليد
      مداد الجليد 30‏/01‏/2016, 12:09:00 ص

      العفو صديقي

  • غير معرف
    غير معرف 21‏/02‏/2016, 12:15:00 م

    هل يمكن ان اضع قياسات اخرى للاعلانات

    • مداد الجليد
      مداد الجليد 21‏/02‏/2016, 9:07:00 م

      سوف يؤدي ذلك الى ظهورها بشكل غير منسق

  • Unknown
    Unknown 19‏/04‏/2016, 4:09:00 م

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

    • مداد الجليد
      مداد الجليد 19‏/04‏/2016, 10:55:00 م

      ماهو نوع الاعلان الذي تستخدمه؟

  • Odine AbdeL
    Odine AbdeL 24‏/09‏/2016, 11:48:00 م

    thank you very much

    • مداد الجليد
      مداد الجليد 25‏/09‏/2016, 1:48:00 م

      مرحبًا بك

  • كاتب حر
    كاتب حر 19‏/12‏/2016, 6:19:00 ص

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

    • مداد الجليد
      مداد الجليد 20‏/12‏/2016, 7:04:00 م

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

  • سوهاج الغد
    سوهاج الغد 24‏/12‏/2016, 6:09:00 م

    شكرا اخى على مجهودك الجميل
    ولكن انا لدي صورة اعلان واريد وضعها على جانب الموقع وهذا رابط للصورة http://b.top4top.net/p_358aw9ss1.jpg واريد عند الضغط عليها يتوجه الزائر الى صفحة الاعلان فأذا كان هناك طريقة فأخبرني بها

    • مداد الجليد
      مداد الجليد 24‏/12‏/2016, 7:54:00 م

      مرحبا بك إستخدم نفس الطريقة وبدلاً من كود الإعلان ضع الكود الذي يحمل الصورة المطلوبة والرابط المستهدف

  • admin
    admin 21‏/05‏/2017, 3:43:00 ص

    فعلا كلمة رائع شويه فيك
    واصل ياريس

    • مداد الجليد
      مداد الجليد 21‏/05‏/2017, 9:24:00 ص

      أشكرك على كلماتك المشجعة 🌹

  • admin
    admin 21‏/05‏/2017, 1:02:00 م

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

    كان ليا عند حضرتك طلب

    شايف المدونه دى

    https://mediashondo.blogspot.com.eg

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

    او التسميات مربعه او على شكل شبكه يعنى لانى حاولت قبل كده وللأسف فشلت

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

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

    ارجو حل المشكلتين دول واكون شاكرا لافضال معاليك

    وشكرا مقدما

    • مداد الجليد
      مداد الجليد 21‏/05‏/2017, 8:26:00 م

      الرجاء ارسال دعوة للبريد الإلكتروني: mohammed.maherr@gmail.com
      لتنفيذ طلبك

  • سيجما ويب - Sigma web
    سيجما ويب - Sigma web 22‏/07‏/2018, 8:00:00 م

    موضوع اكثر من رائع اخي الكريم ، هل يمكن جعل الاعلان يظهر في صفحة المشاركات فقط ؟ :/

    • مداد الجليد
      مداد الجليد 23‏/07‏/2018, 12:10:00 ص

      مرحبا بك
      يمكن ذلك من خلال تضمين أكواد الإضافة داخل الرمز التالي:
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      ضع كود الاضافة هنا

      </b:if>

  • Mohmaed Amir
    Mohmaed Amir 03‏/02‏/2020, 8:07:00 م

    موضوع رائع اخي الكريم ولكن الاعلان يظهر علي التليفون

    • مداد الجليد
      مداد الجليد 03‏/02‏/2020, 11:05:00 م

      اخي ارفع قيمة الارقام الموجودة بالكود
      /* إخفاء الإعلان للأجهزة المحمولة */
      @media only screen and (max-width: 767px) and (min-width: 480px){
      #topcontrol , .ads-medad{display:none !important;}
      @media only screen and (max-width: 479px){

  • أبو جاد
    أبو جاد 03‏/08‏/2022, 9:43:00 ص

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

    • مداد الجليد
      مداد الجليد 03‏/08‏/2022, 2:25:00 م

      وعليكم السلام ورحمة الله وبركاته
      أخي الأمر بسيط طالما أنه لا يحتوي على تشفير يمكنك تغييرها على الأغلب من لوحة التحكم --> التنسيق وهناك أنقر على تعديل وقم بحذفه او إضافة بدلاً منه وإن لم تظهر الأداة من التنسيق من المظهر أنقر على تعديل HTML وتحقق من الكود الخاص بالبانر وقم بحذفه كاملًا

أضف تعليق
عنوان التعليق