التخطي إلى المحتوى الرئيسي

طريقة اضافة واجهتين لمدونتك (واجهة الموقع العادية و واجهة ترحيبية)

السلام عليكم و رحمة الله و براكته 

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

لهدا لأو شيئ تقوم به هو الدخول الى لوحة تحكم مدونتك ثم قالب ثم تحرير HTML 
بعد دالك تقوم بالبحث عن بداية وسم ال body ويكون بهدا الشكل ->

فوقه تماما تضع هدا الكود

الكود من هنا 

عمل هدا الكود أنه يقوم باخفاء الأكواد اللتي بينه و بين وسم اغلاقه في الصفحة الرئيسية فقط أي سنقوم باخفاء محتوى الموقع في الصفحة الرئيسية فقط


بعد اضافة الكود فوق وسم ال body نقوم بالبحث عن وسم اغلاق ال body و يكون بهدا الشكل -->


تحته تماما نقوم باضافة وسم اغلاق الكود الدي أضفناه و يكون وسم الاغلاق بهدا الشكل ->

الان قد قمنا بالخطوة الأولى و هي قمنا باخفاء محتوى الموقع في الصفحة الرئيسية ,لنضع في مكانه الواجهة الثانية و الواجهة الثانية
تضهر في الصفحة الرئيسية فقط

الان سنقوم بالبحث عن وسم اغلاق ال head و يكون بهدا الشكل ->

ستقوم بالدخول مرة أخرى الى هده الصفحة من هنا 
ثم بعده مباشرة نقوم باضافة الكود الثاني و هو الكود الدي يقوم باضهارالأكواد التي بينه و بين وسم اغلاقه في الصفحة الرئيسية فقط
وهدا هو الكود الدي أقصده
الان سوف تقوم بترك أربعة أسطر و تكتب و سم اغلاقه الدي يكون بهدا الشكل ->
ليصبح الكود بهدا الشكل



في دالك المكان المكتوب فيه "كود الواجهة يكتب هنا" نقوم باضافة وسم body و وسم اغلاق body اخر يعني هدا سيكون الbody رقم 2 ليصبح بهدا الشكل

بعد دالك و كاخر خطوة ستقوم بالدخول الى هده الصفحة  مرة ثالثة من هنا

الان بين وسمي ال Body ستقوم باضافة كود واجهة ما من تصميمك و ادا كنت لا تتقن لغات برمجة المواقع فلم أنساك صديقي يمكنك أن تضع واجهة بسيطة من تصميمي و التي ستجدها في تلك الصفحة التي دخلت فيها و هدا الكود الدي أقصده

قم بنسخ الكود كاملا ,و ضعه في مكان وضع الأكواد ثم قم بحفظ القالب و مبروك عليك الواجهتان

ادا لم تفهم الدرس جيدا يمكنك مشاهدة الشرح بالفيديو





ادا أتمنا أني لم اخد كثيرا من وقتك و أنا اسف على طول الموضوع و أتمنا أن تكافئ جهودي بتعليق مشجع و شكرا
أي استفسار ضعه في تعليق

تعليقات

  1. موضوعك حصرى ومتميز انا من مصر مدون جزائرى محترف ربنا يعطيك زيادة من علمك

    ردحذف
    الردود
    1. العفو صديقي , مرحبا بك في مدونتي و أتمنا أن تستفيد منها وشكرا جزيلا على تعليقك المشجع

      حذف
  2. السلام عليكم
    حاولت اللتطبيق ولم أنجح بذذلك قد يكون السبب نوع القالب.

    http://alahaywat.blogspot.com/

    ردحذف
    الردود
    1. ممكن تخبرني المشكلة التي واجهتك لأساعدك ؟

      حذف

إرسال تعليق

المشاركات الشائعة من هذه المدونة

اضافة اداة المشاركه عبر المواقع الاجتماعيه تحت كل تدوينة

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

كيف تستفيد من أداة Inspect Element في جوجل كروم

Inspect Element هي أداة توجد في متصفح جوجل كروم وهي أداة وضعت خصيصا لمطوري الويب أو web devloper فيها العديد من المميزات لمساعدة مطور الويب في عمله و لهدا سأريك في هدا الدرس أهم الاستعمالات لأداة Inspect Element  كيف تستفيد من أداة Inspect Element في جوجل كروم  نافذة Elements من هده القائمة يمكنك مشاهدة جميع عناصر الصفحة و أكواد ال css الخاصة بكل عنصر ,ويمكنك التعديل عليها حسب ذوقك ادا كنت تتقن ال HTML و CSS  نافذة Sources هده النافذة تمكنك من مشاهدة مصادر موقعك التي تتمثل في السكريبتات  و كل ما يتصل به موقعك نافذة Resources هده النافذة تقوم باضهار موارد موقعك و أقصد بموارد هي الصور و السكريبتات و ال Stylesheets فعبر فتح ملف Frames يمكنك أن تشاهد الصور والسكريبتات و ال Stylesheets الخاصة بأي موقع أو مدونة  نافذة console  وهي وحدة تحكم المدونة أو الموقع يمكنك القاء أوامر للموقع أعطيك مثال على ذالك تلك الخدع التي تراها في الفيسبوك عن طريقة اختراق أي حساب أو فتح كامرا أي شخص ... فتلك الخدع تعمل بواسطة console وتلقي أوامر

كود Html تكبير الصورة بمرور الماوس عليها

السلام عليكم و رحمة الله وبراكته HTML اليوم أردت أن أقدم لكم اضافة لمدوناتكم و هي عبارة عن كود و هدا الكود يقوم بتكبير صورة بطريقة جميلة وبمجرد مرور الماوس عليها معاينة مرر الماوس على هده الصورة  تكبير الصورة بمرور الماوس عليها Htmlكود   تكبير الصورة بمرور الماوس عليها < image src = "رابط الصورة"  onmouseover = "this.height='300';this.width='300'"   onmouseout = "this.height='200';this.width='200'"  height = "200"  width = "200" > الكلمات الدلالية HTML الماوس صورة