طريقة تركيب الإعلانات على جانب مدونة بلوجر بشكل ثابت
بسم الله الرحمن الرحيم، بعد تزايد طلبات إضافة إعلانات على جانب مدونات بلوجر بشكل ثابت قد تم اليوم إنشاء هذا الموضوع بناءً على طلب أحد الأعضاء. كما هو معروف أن هناك الكثير من الطرق لتضمين إعلانات على جوانب مدونات بلوجر لكن جميع تلك الإضافات مخالفة لسياسات جوجل أدسنس لانها متحركة وغير مسموح بها كما هو مذكور في سياسات جوجل أدسنس
لا يُسمح للمواقع التي تقوم بإظهار إعلانات Google بأن تحتوي على نوافذ منبثقة تتداخل مع التنقل عبر الموقع، أو تغيير تفضيلات المستخدم، أو بدء إجراء تنزيلات
وضع إعلانات في نص مربع متحرك.•تنسيق الإعلانات بشكل يميزها عن أي محتوى آخر في تلك الصفحة.
إذاً لا يسمح لك بوضع إعلانات تتحرك مع الصفحة في أية مكان بالمدونة، والطريقة اليوم سوف تكون كيف تجعل الإعلان ثابت على جانب مدونتك وغير مخالف لسياسات جوجل أدسنس وغيرها، الطريقة تشمل وضع الإعلان على جانب الصفحة سواء كان على اليمين أو اليسار بشكل ثابت وسوف يتم إخفائه تلقائياً على الأجهزة المحمولة أو الأجهزة التي يقل عرض الشاشة عن 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;
هل تحتاج المزيد من المساعدة؟ لا تتردد في ترك تعليق لكن يرجى أولاً قراءة الشرح جيداً فهو سهل فقط عليك التركيز قليلاً حتى تستوعب العملية :) شكراً للمتابعة ونراكم في موضوع تالي.
السلام عليكم اخي مداد ، بارك الله فيك على هدا الشرح الاكثر من رائع واشكر كثيرا لتلبية الطلب و مآدهلني سرعة وضع الشرح مع انني سالت العديد من اصحاب المدونات وضع متل هدا الشرح لاكن للاسف لم يستطيعوا وهذا يبين كفائتك كل التقدير والاحترام لك اخي مداد (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ولاكني لم استطيع ان اضيف لها اي اعلان خاص غير ادسنس كيف اعمل ارجوك علمني
ماهو نوع الاعلان الذي تستخدمه؟
thank you very much
مرحبًا بك
اخي الكريم مداد مشكور على الجهد الذي تبذله لمساعدتنا عندي مشكلة وهي ان الكود الاول الذي يوضع فوق تم تثبيته اما كود الاعلانات حتى بعد تحويله ووضعه في الكود يعطيني عند حفظ القالب هنالك خطأ في xml وهو الكود الخاص بالاعلان ارجو المساعدة اخوك محمد من ادلب سوريا .
مرحبًا بك أخي محمد وتسعدني خدمتك,
عليك التحقق جيدًا خلال تضمين الأكواد داخل القالب بحيث لاتعطل على أكواد اخرى أو تحذف اكواد اخرى وعليك المحاولة وفي حال ظهور رسالة خطأ أعد تحميل الصفحة وابدء من جديد
شكرا اخى على مجهودك الجميل
ولكن انا لدي صورة اعلان واريد وضعها على جانب الموقع وهذا رابط للصورة http://b.top4top.net/p_358aw9ss1.jpg واريد عند الضغط عليها يتوجه الزائر الى صفحة الاعلان فأذا كان هناك طريقة فأخبرني بها
مرحبا بك إستخدم نفس الطريقة وبدلاً من كود الإعلان ضع الكود الذي يحمل الصورة المطلوبة والرابط المستهدف
فعلا كلمة رائع شويه فيك
واصل ياريس
أشكرك على كلماتك المشجعة 🌹
ده مش مجرد تشجيع انها الحقيقه اخى الكريم
كان ليا عند حضرتك طلب
شايف المدونه دى
https://mediashondo.blogspot.com.eg
ممكن تدخل وتعدل على القالب بحيث تكون شكل التدوينات الجديده فى الصفحه الرئيسيه
او التسميات مربعه او على شكل شبكه يعنى لانى حاولت قبل كده وللأسف فشلت
وكمان هاتلاحظ لما تدخل على اى موضوع هاتلاقى فراغ بين اخر حاجه فى الموضوع وبين ازرار المشاركه
مع انى مش بسيب فراغ اخر كل تدوينه وكمان مفيش ادوات او اكواد معطله اسفل المواضيع
ارجو حل المشكلتين دول واكون شاكرا لافضال معاليك
وشكرا مقدما
الرجاء ارسال دعوة للبريد الإلكتروني: mohammed.maherr@gmail.com
لتنفيذ طلبك
موضوع اكثر من رائع اخي الكريم ، هل يمكن جعل الاعلان يظهر في صفحة المشاركات فقط ؟ :/
مرحبا بك
يمكن ذلك من خلال تضمين أكواد الإضافة داخل الرمز التالي:
<b:if cond='data:blog.pageType == "item"'>
ضع كود الاضافة هنا
</b:if>
موضوع رائع اخي الكريم ولكن الاعلان يظهر علي التليفون
اخي ارفع قيمة الارقام الموجودة بالكود
/* إخفاء الإعلان للأجهزة المحمولة */
@media only screen and (max-width: 767px) and (min-width: 480px){
#topcontrol , .ads-medad{display:none !important;}
@media only screen and (max-width: 479px){
السلام عليكم و رحمة الله
في بعض القوالب مثل قالب سكويز أو قالب ناز
يكون هناك بانر إعلان بجانب اسم المدونة أو الشعار بالإضافة إلى الإعلانات الموجودة داخل الموضوع في بدايته و منتصفه و آخره و معظم هذه الإعلانات تكون دعاية للقالب نفسه
السؤال كيف يمكن تغييرها و وضع إعلان مكانها خاص بي مثل إعلان لموقع اختصار روابط أو إي موقع آخر
و لكم الشكر أخي الكريم
وعليكم السلام ورحمة الله وبركاته
أخي الأمر بسيط طالما أنه لا يحتوي على تشفير يمكنك تغييرها على الأغلب من لوحة التحكم --> التنسيق وهناك أنقر على تعديل وقم بحذفه او إضافة بدلاً منه وإن لم تظهر الأداة من التنسيق من المظهر أنقر على تعديل HTML وتحقق من الكود الخاص بالبانر وقم بحذفه كاملًا