طريقة حل مشكلة صفحتك غير متوافقة مع الجوّال في بلوجر

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

طريقة حل مشكلة صفحتك غير متوافقة مع الجوّال في بلوجر


الحل الاول : برمجة القالب 


توجه الى قالب وبعدها الى تحرير HTML
وتحت الوسم  <head>  نضع هذا الكود
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

الحل الثاني : التعديل على قياسات المدونة لتكون متجاوبه مع الجوال 

ابحث عن هذا الوسم  :   <b:skin/><[[ 
والتعديل على قياسات  فوق الكود السابق
 @media screen and (max-width : 1280px) {
/* CSS CODE HERE FOR DESKTOP ---*/
}
@media screen and (max-width : 1024px) {
/* CSS CODE HERE FOR TABLETS ---*/
}
@media screen and (max-width : 768px) {
/* CSS CODE HERE FOR SMALL TABLETS ---*/
}
@media screen and (max-width : 640px) {
/* CSS CODE HERE FOR IPHONE ---*/
}
@media screen and (max-width : 480px) {
/* CSS CODE HERE FOR SMARTPHONES ---*/
}
@media screen and (max-width : 320px) {
/* CSS CODE HERE FOR SMALL MOBILES ---*/
}
 الى هنا انتهيت من طرح هذا المشكله وحلها لا تنسى في طرح سؤالك  في امان الله  

إرسال تعليق

2 تعليقات

  1. عاشت ايدك يغالي والله موضوع فعلاً رهيب
    نقذتني من هاي المشكلة ومشاكل السيو طبقت الطريقة وهسه صارت مدونتي مناسبة للجوال ^^
    www.mustafaiq.com

    ردحذف

اضف تعليقأ مناسباً عن الموضوع .. ونرد عليكم في اقرب وقت ( تعليقك يسعدني :) )

Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)