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

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

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

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

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

أخفاء اداة بلوجر Blogger Widget


الكود يبدو بهذه الشكل:

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
</b:if>

إظهار أداة على الجوال فقط

سيتم إخفاءها على سطح المكتب

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
</b:if>

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

سيتم إخفاءها على الجوال

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
</b:if>

طريقة عمل الكود

اختر ما تريد إخفاءه أو إظهاره، مثلا بالنسبة لكود أدسنس، ضعه بين كودي الشرط كما يلي:


<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
ضع الكود الذي تريد اخفاءه هنا مثل كود أدسنس
</b:if>

أما أدوات بلوجر، فالطريقة مختلفة، بحيث يجب:

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

<b:widget id='HTML1' locked='false' title='المشاركات الشائعة' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


2. ثم أضف الكود كما يلي:

<b:widget id='HTML1' locked='false' title='المشاركات الشائعة' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

شرح الطريقة بالفيديو:



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