 |
| [ html+css ] صنع و تركيب واجهة احترافيه لمدونة بلوجر - الجزء الثاني |
بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه افضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .
[ html+css ] صنع و تركيب واجهة احترافيه لمدونة بلوجر - الجزء الثاني
نستكمل الموضوع السابق لمن لم يقراءه هنا : [ html+css ] صنع و تركيب واجهة احترافيه لمدونة بلوجر - الجزء الاولتكلمت في الموضوع السابق عن طريقة فقط انشاء واجهة للمدونة , او بالأصح قمت بوضع واجهة للكل لمن اراد استخدامها لاننا لسنا في درس تعليمي للـ html او css هنا فقط للذي يعلمون التعديل والتركيب ,
طبعاَ السر في الموضوع بكل بساطة هو هذا الموضوع : التحكم في إظهار/أخفاء الادوات والإضافات في بلوجر
والذي اعتبره بمثابة كنز في بلوجر وكثير من المدونين واصحاب المدونات يجهلون استخداماته الخارقه .
مثال مباشر على احد مدوناتي : من هنا
الطريقة :
الطريقة اننا سنقوم بأخفاء الصفحة الرئيسيه الأصليه ونظهر بدلاَ منها الواجهة ( في الرابط الأساسي فقط كـ http://blog.7lolblogger.com )ثم عند الدخول الى التدوينات او صفحة البحث فستختفي الواجهة , طبعاَ هذا كله راح نعمله عن طريق درس الاخفاء والاظهار .
التركيب :
الخطوة الاولى : اخفاء الواجهة الرئيسيه :
طبعاَ الان لدينا كود الواجهة , تبغى لنا فقط التركيب - نحن جاهزون .- ادخل مدونتك .
- ابحث عن <body
- ضع هذا الكود قبله :
<b:if cond='data:blog.url != data:blog.homepageUrl'>
- الان ابحث عن </body>
- وضع هذا الكود بعده :
</b:if>
----------
انتهينا من الخطوة الاولى .
الخطوة الثانيه : تركيب الواجهة الجديده :
- ابحث عن </head>
- وضع هذا الكود اسفله مباشرة :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
هنا كود الواجهة - اذا لم يكن لديك كود خاص بك فستخدم الواجهة التجريبيه في الدرس السابق
</b:if>
** تستطيع الحصول على الواجهة التجريبيه في هذا الموضوع : [ html+css ] صنع و تركيب واجهة احترافيه لمدونة بلوجر - الجزء الاول
** ملاحظة مع هذه الطريقة ستفقد معاينة المشاركة اثناء كتابتها , لذا اذا كنت محترف في الـ css فتابع الدرس .
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
اصلاح مشكلة معاينة المشاركة للمحترفين فقط:
طبعاَ سنقوم بتغيير تركيب الواجهه بالكامل وسنبداء من جديد .
الطريقة :
- ندخل القالب .
- نبحث عن </head>
- نضع هذا الكود تحته مباشرة :
الاحمر : لاحظ اننا قمنا بأخفاء المعالم الاساسيه من الواجهة القديمة كي لاتظهر في الواجهة الجديدة التي صممناها , وهي بعض الاشياء التي توجد في كل مدونة كالهيدر والسيدبار والفوتر وغيرها , انت اولاَ قم بتركيب الواجهة الجديدة ثم بعد ذالك حدد الكلاسات والايديات المزعجة التي تظهر في الواجهة الجديده وقم بأخفائها من خلال display:none اتمنى الفكرة وصلت ..<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
هنا كود الواجهة - اذا لم يكن لديك كود خاص بك فستخدم الواجهة التجريبيه في الدرس السابق
<style>header ,.msgall ,.centrat ,.copyright, .sidebar, .footer{display:none}</style>
</b:if> </b:if> </b:if>
اي استفسار , انا هنا :)
والرجاء عند النقل ذكر المصدر .
0 التعليقات:
إضغط هنا، لإضافة تعليق
إرسال تعليق