طرق لاخفاء او اظهار ادوات بلوجر على نموذج الجوال أو سطح المكتب

طرق لاخفاء او اظهار ادوات بلوجر على نموذج الجوال أو سطح المكتب

طرق لاخفاء او اظهار ادوات بلوجر على نموذج الجوال أو سطح المكتب

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

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

الخطوة الاولى :  ندخل الى مدونة ثم نخطار القالب بعدها نخطار اعدادات الجوال .

     هذه العملية واجبة عليك من اجل ان يظهر الموقع على الجوال بطريقة سليمة 

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

هناك ثلاث طرق من اجل إخفاء او اظهار ادوات بلوجر 

العملية الاولى : نختار الاداة التي نرغب في اخفائها من الهواتف الذكية 

بعد فتح الاداة تكون مثل مافي الصورة 

تقوم بتركيز على HTML 3 او ربما سوف يكون HTML 4 - 5 -6 على حسب الاداة

هنا تاتي اخر عملية اخفاء او اظهار الاداة على الهواتف الذكية

نقوم بدخول الى تحرير HTML ثم CTRL+F ونبحث عن 

]]></b:skin>

فوقها مباشرة نضع هذا الكود 

وقم بتغيير رقم معرف الأداة HTML3 

@media screen and (max-width:1039px){ #HTML3{ display:none; } }  

  

 انتها 

العملية الثانية : نختار الاداة التي نرغب في اخفائها او اظهارها على نموذج الجوال أو سطح المكتب

العملية الثانية مثل الاولى في تحديد HTML أو ربما يكون بهذا الاسم  Header1  او Image3 ...

مثال على الصورة 

 عملية  اخفاء او اظهار الاداة على الهواتف الذكية

نقوم بدخول الى تحرير HTML ثم CTRL+F ونبحث عن 

HTML او Header1  او Image3 أو عنوان الاداة ..

<b:if cond='data:blog.isMobileRequest == "false"'> كود الجافاسكريبت </b:if>  

  

اذا ترغب في اظهار الاداة الهواتف الذكية واخفائها على على المكتب قم بتغير كود "false" الى "true"

مثال على الصورة

انتها 

العملية الثالثة : نختار الاداة التي نرغب في اخفائها او اظهارها على نموذج الجوال أو سطح المكتب

 عملية  اخفاء او اظهار الاداة على الهواتف الذكية

نقوم بدخول الى تحرير HTML ثم CTRL+F ونبحث عن 

HTML او Header1  او Image3 أو عنوان الاداة مثل تابعنا 

مثلا على الصورة 

 لاحظ كلة ' locked=' false سوف نظيف امامها الكود مثل ما في الصورة 

  ' locked=' false' mobile= 'only

عدم اظهار اداة على الهواتف اضف هذا الكود : mobile='no'

اظهار الاداة على الهاتف فقط : mobile='only'

لاظهارها على الهواتف و على المكتب تركها كما هي او اضافة كود : mobile='yes'

لتعرف على شكل مدونة عبر جهازك الكمبيوتر تضف في اخر رابط موقعك m=1?/ وتكون على هذا الشكل 

http://www.info-sati.com/?m=1

واعتقد ان شرح باين وواضح 

ايضا من اجل تعرف هل الموقع متوافق مع الهاتف ام لاء .

موقع الهواتف responsivedesign