تقديم مجموعة من الشروحات والمواضيع التي تهم بالحاسوب والانترنت من حيث الاستخدام والانشاء والتصميم والحماية، مع الاهتمام بمدونات بلوجر ومواقع التواصل الاجتماعي خصوصا فيسبوك وتويتر

النشرة البريدية @

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

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

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

وسوم إخفاء أو إظهار كود / أداة HTML/JavaScript:

إظهار الكود / الأداة في الصفحة الرئيسية فقط:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
إخفاء الكود / الأداة في الصفحة الرئيسية فقط:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
إظهار الكود / الأداة في صفحات المواضيع فقط  :
<b:if cond='data:blog.pageType == item'>
إخفاء الكود / الأداة في صفحات المواضيع فقط  :
<b:if cond='data:blog.pageType != item'>
إظهار الكود / الأداة في الصفحات الثابتة فقط :
<b:if cond='data:blog.pageType == static_page'>
إخفاء الكود / الأداة في الصفحات الثابتة فقط :
<b:if cond='data:blog.pageType != static_page'>
إظهار الكود / الأداة في صفحة محددة فقط:
<b:if cond='data:blog.url == '"رابط الصفحة المحددة">
إخفاء الكود / الأداة في صفحة محددة فقط:
<b:if cond='data:blog.url != '"رابط الصفحة المحددة">
إظهار الكود / الأداة في صفحات التسمية فقط:
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "التسمية"'>
إظهار الكود / الأداة في كل الصفحات لكاتب معين :
<b:if cond='data:post.author == "إسم الكاتب"'>
إظهار الكود / الأداة في صفحات المواضيع فقط  :
<b:if cond='data:blog.pageType == archive'>
ويمكن تكوين المزيد من الوسوم بنفس الشكل.

طريقة إخفاء أو إظهار كود HTML/JavaScript من صفحات محددة :

نضع كود HTML/JavaScript المراد إخفاؤه أو إظهاره داخل وسم الإخفاء أو الإظهار المناسب، وذلك على الشكل التالي:
وسم الإخفاء أو الإظهار المناسب
الكود المراد إخفاؤه أو إظهاره
</b:if>
المثال:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
الكود المراد إخفاؤه أو إظهاره
</b:if>

طريقة إخفاء أو إظهار أداة HTML/JavaScript التخطيط من صفحات محددة :

1 ـ من لوحة التحكم Blogger إذهب إلى تخطيط.
نضيف الأداة التي نريد التحكم في ظهورها، أو نحددها إذا كانت موجودة مسبقا، ونقوم إما بنسخ (عنوان الأداة)، وإذا كانت الاداة لا تحمل اسما، نقوم بتسمياها، على أن نحذف الاسم بعد نهاية العملية، وسنفترض في درسنا هذا أن اسمها هو (الأداة x).. وإما نضغط على تحرير الاداة ونقوم بنسخ (معرف ID الأداة) الذي سنجده في نهاية رابط الأداة.
2 ـ من لوحة التحكم Blogger إذهب إلى قالب =< تحرير HTML.
(ننصح بأخذ نسخة احتياطية من القالب)
3 ـ ابحث بالإستعانة بـ (CTRL+F) عن (اسم الأداة) أو (معرف ID الأداة) وسنجد كود الأداة بهذا الشكل (مثال):
<b:widget id='HTML3' locked='false' title='x الأداة' 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>
4 ـ أضف في كود الأداة وسم الاخفاء أو الإظهار المناسب في الأماكن المحددة:
<b:widget id='HTML3' locked='false' title='x الأداة' 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:if> 
</b:includable>
</b:widget>
5 ـ اضغط (حفظ) ... هنيئا لك  :)

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

أضف تعليق

free tracking