• أخر الموضوعات

    الأربعاء، 25 يناير، 2017

    كيفية التعديل على مقاسات إعلانات بلوجر لتتوافق مع شاشات الهواتف الذكيه


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

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

    كيفية التعديل على مقاسات إعلانات بلوجر لتتوافق مع شاشات الهواتف الذكيه

    مواضيع ذات صلة:
    كيفية وضع صوره فى الـ Sid Bar وربطها بالرابط الذى تريده.
    شرح طريقة إضافة صندوق إعجاب الفيس بوك على مدونة بلوجر.
    إضافة صندوق إجمالى مرات مشاهدة الصفحه لمدونتك على بلوجر.
    روابط خلاصات الـ Atom و الـ RSS لمدونات بلوجر وجميع المواقع
    أفضل اكواد الميتا تاج META TAG لـ مدونتك على بلوجر لتقوية الأرشفه و تحسين السيو.


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

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

    لـ حل هذه المشكله يجب أولا ً تحديد سبب المشكله هل هى من:

    • قالب مدونتك الغير متجاوب مع شاشات الهواتف الذكيه.
    • بانر الوحدع الإعلانيه الغير متجاوب مع شاشات الهواتف الذكيه.

    بعد تحديد سبب المشكله تستطيع حلها بـ كل سهوله فـ إن كانت المشكله بسبب قالب مدونتك الغير متجاوب فـ يمكنك حلها بـ التعديل على الـ div الخاص بـ الوحده الإعلانيه ويتم ذلك من خلال تبويب القالب ومن ثم الدخول على محرر الـ HTML والبحث عن كود الـ div ووضع هذا الكود داخل الأقواس { } الخاصه بـ أكواد الـ div :

    width:100%;

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

    max-width:100%;

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

    لـ فهم الموضوع أكثر أنصحك بـ مشاهدة الفيديو أسفل المقاله.

    إلى هنا يكون موضوعنا اليوم قد أنتهى،،، ألقاكم بـ خير فى شروحات قادمه تخص الربح من بلوجر واليوتيوب والمواقع الإعلانيه ،،،



    ليست هناك تعليقات:

    إرسال تعليق

    Adblock Detected

    هل تحب موقع عالم التكنولوجيا والاستثمار؟؟
    نتمنى دعمك أخى/تى بـ وضع موقعنا فى القائمه البيضاء لـ مانع الإعلانات المدرج مع متصفحك

    أضغط هنا لـ معرفة طريقة وضع موقعنا فى القائمه البيضاء

    شكراً لك

    ×

    عالم التكنولوجيا والاستثمار

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

    مواقع صديقه

    تابعنى على فيس بوك

    نموذج الاتصال

    الاسم

    بريد إلكتروني *

    رسالة *