أخر المقالات
تحميل...

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

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


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

لا يُسمح للمواقع التي تقوم بإظهار إعلانات 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;

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



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

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

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

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

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

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

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

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

نعم يمكن ذلك كرر الطريقة نفسها مع إعادة تسمية السمة الخاصة بجميع الاكواد من 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>
بإستخدام هذه الطريقة سوف يظهر الإعلان في الجانب الايمن من المدونة ولظهور الإعلان في الجانب الايسر من المدونة يجب إستخدام الطريقة المطروحة في الموضوع ولظهور الإعلانات في الجانب الأيمن والأيسر بشكل ثابت يجب تطبيق الطريقتين
شكرا لك

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

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

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

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

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

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

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

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

http://www.arabkm.net/

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

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

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

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

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

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

www.th4arab.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.

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

شكرًا لك

×