اذهبي الى المحتوى
المحبـــة لله

||✿تسابيح ورد الأرجوان✿||دروس تعليمية لعمل مدونة على Blogger

المشاركات التي تم ترشيحها

قطورة وسندوسة

 

شكرا لمتابعتكن حبيباتي

 

: )

شارك هذه المشاركه


رابط المشاركه
شارك

حبيباتي الدرس الخامس جاهز

 

بس عندي مشاكل في التحميل

 

أعذروني للتأخير

شارك هذه المشاركه


رابط المشاركه
شارك

 

LESSON5.png

 

blogger2.png

 

حبيباتي المتابعات في دورتنا التعليمية لعمل مدونة على بلوجر

اليوم ستعلم تخطيط المدونة

وكيف نرتب ونضيف على قالب مدونتنا

 

وقبل البدء بالدرس لنغير اعدادات المدونة الى اللغة العربية

وذلك لاجل اتجاه الكتابة تكون في اليمين

 

1- نفتح لوحة تحكم المدونة ثم نذهب الى setting نضغط عليها

فتظهر لنا قائمة اسفلها نختار Language and Formating

0.png

 

2- نختار اللغة العربية من القائمة المنسدلة

ثم نحفظ الأعدادات save settings

00.png

 

3- والان نذهب الى تخطيط المدونة بالضغط على Layout

1.png

 

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

وسنتعلم كل جانب وكل تخطيط من هذه المخططات ماذا تعني

فنبدأ .....

 

1- لتغيير صورة الـ favication وهي الصورة التي تظهر في المتصفح بجانب اسم المدونة

نذهب الى كلمة edit كما في الصورة

4.png

 

ثم من browse تحملي صورة مربعة لا يزيد حجمها عن 100 كيلوبايت يفضل مقاسها 100×100

وبعد تحميلها نضغط save

 

2- والان نذهب الى نخطيط أسم المدونة ونضغط edit

2.png

 

فيظهر لنا هذا المربع

3.png

 

وكما ترون نقدر فيه ان نعدل اسم المدونة ووصف المدونة ووضع صورة في الهيدر

بتحميلها من الجهاز او من خلال رابط نت ونحدد موقع الصورة خلف اسم المدونة

او امامها أو بدلا من العنوان وبعد اختيار الخيارات المناسبة لنا نعمل save

 

3- والان ننزل بالسكرول للأسفل ستظهر لنا باقي التخطيطات كما في الصورة

6.png

 

4- والان نذهب الى تعديل اعدادات عرض الموضوع من خلال رسائل المدونة الألكترونية

10.png

 

فتظهر لنا هذه النافذة وعليها الشرح حبيباتي

11.png

 

صح الشرح صاير خريطة : ) بس ماعندي غير طريقة أوضحها لكنّ

أتمنى تكون مفهومة لكنّ

 

وبعد التعديل عليها ننزل بالسكرول للاسفل ونعمل save

12.png

 

5- والان لتعديل القائمة الجانبية على اليمين او اليسار حسب قالب مدونتك

نذهب الى Add a Gadget

7.png

 

وهي القائمة المخصصة لاضافة الاقسام وارشيف المدونة وروابط خارجية ....الخ

ونضغط على تلك الكلمة Add a Gadget باللون الازرق

 

فتظهر لنا عدة قوائم نقدر اضافتها لمدونتنا وانا شرحت لكن المهمة فقط

كما في الصور التالية :

8.png

 

9.png

 

وعندما تحبيبن اضافتها أضغطي على Add في كل نافذة تظهر لك

ويجب ان تجربيها بنفسك لتتعلميها ان شاء الله

 

6- واخيرا يمكنك التحكم بكل اضافة وتبديل مكانها بمجرد الضغط بالماوس على الجانب المنقط

ونسحب بالماوس كما هو موضح على اليسار

 

13.png

 

وثم ينقل للمكان المطلوب ..بأي مكان من ضمن التخطيطات الموجودة

 

واخر شي اضغطي save arrangement وذلك لحفظ الترتيب الجديد

 

ثم اعملي view blog في اعلى يسار الصفحة لمشاهدة المدونة بعد الاضافات

 

اتمنى اكون قد وضحت لكن الفكرة واسفة على تقصيري في الشرح

وهذا ما قدرت علييه حبيباتي

واي سؤال انا حاضرة

 

وقريبا الدرس السادس ان شاء الله عن تركيب قالب (( ستايل )) جديد للمدونة

 

استودعكن الله

 

 

blogger2.png

 

 

 

 

 

  • معجبة 1

شارك هذه المشاركه


رابط المشاركه
شارك

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

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

http://lakalhamdou.blogspot.com/2014_06_01_archive.html

أسأل المولى أن يجعل مجهودك هدا في ميزان حسناتك يوم القيامة.

شارك هذه المشاركه


رابط المشاركه
شارك

ما شاء الله يا راجية حبيبتي

 

تطبيق ممتاز جدا وجميل

 

 

تابعي درس القالب قريبا

 

لتتعلمي اكثر

 

وجزاك الله خيرا

شارك هذه المشاركه


رابط المشاركه
شارك

ان شاء الله يا محبة الغالية

أنتظر بفارغ الصبر تكملة باقي الدروس وتطبيقها.

بارك الله في جهودك :)

شارك هذه المشاركه


رابط المشاركه
شارك

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

محبة الغالية،من فضلك قولي لي رأيك في الصورة التي صممت لواجهة مدونتي..

http://lakalhamdou.blogspot.com/

للأسف أخطأت في الاسم ولم أعرف كيف أصلحه..هه

تم تعديل بواسطة راجية ظل الرحمن

شارك هذه المشاركه


رابط المشاركه
شارك

رائعة يارجروجة ماشاء الله عليك

 

كبداية رائعة جدا :)

 

واما المدونة فهل غيرتي أتجاه اللغة للعربية ؟

 

 

1- نفتح لوحة تحكم المدونة ثم نذهب الى setting نضغط عليها

فتظهر لنا قائمة اسفلها نختار Language and Formating

0.png

 

2- نختار اللغة العربية من القائمة المنسدلة

ثم نحفظ الأعدادات save settings

00.png

شارك هذه المشاركه


رابط المشاركه
شارك

رائعة يارجروجة ماشاء الله عليك

 

كبداية رائعة جدا :)

 

واما المدونة فهل غيرتي أتجاه اللغة للعربية ؟

 

 

1- نفتح لوحة تحكم المدونة ثم نذهب الى setting نضغط عليها

 

فتظهر لنا قائمة اسفلها نختار Language and Formating

 

0.png

 

 

2- نختار اللغة العربية من القائمة المنسدلة

 

ثم نحفظ الأعدادات save settings

 

00.png

 

رائعة يارجروجة ماشاء الله عليك

 

كبداية رائعة جدا :)

 

واما المدونة فهل غيرتي أتجاه اللغة للعربية ؟

 

 

1- نفتح لوحة تحكم المدونة ثم نذهب الى setting نضغط عليها

 

فتظهر لنا قائمة اسفلها نختار Language and Formating

 

0.png

 

 

2- نختار اللغة العربية من القائمة المنسدلة

 

ثم نحفظ الأعدادات save settings

 

00.png

 

بارك الله فيك وجزاك الخير كله

سأفعل بمشيئة الرحمن :)

شارك هذه المشاركه


رابط المشاركه
شارك

مدونتي وصلت :

 

http://khmael.blogspot.co.il/

 

أنتظر باقي شرحك يا حبيبة ()

وكثرة الأسهم لخبطتني >

  • معجبة 2

شارك هذه المشاركه


رابط المشاركه
شارك

رائعة يا سندوس

مدونة رقيقة مثلك :)

 

واسفة لعدم تمكني اكمال الدروس حاليا وذلك بسبب النت

ارجع لكنّ قريبا ان شاء الله

شارك هذه المشاركه


رابط المشاركه
شارك

 

 

blogger2.png

حبيباتي

أقدم اليوم لكن درسنا السادس

وهو بخصوص تغيير ستايل ((قالب المدونة ))

 

وذلك لكي يكون شكل المدونة متناسق الألوان ومقبولا لدى الزوار

وسنتعلم كيف نغير الصور الخاصة بالقالب وكذلك الالوان

 

طبعا لكل قالب شكله وخصائصه تختلف عن قالب اخر

لكن كلها يمكن التحكم بها من خلال محرر لغة الـ Html

ومن خلال هذه اللغة سنتمكن من التحكم بقالبنا بشكل اوسع من

الخيارات الموجودة في لوحة تحكم بلوجر

 

وطبعا في درسنا اخترت لكم هذا القالب الذي سندرس عليه

فقمن حبيباتي بتحميله اولا على جهازكن من كلمة Download

 

ثم أرفعي القالب من خلال tamplate

 

1.png

 

 

 

 

 

 

والان نرفع القالب من Brows ثم Upload

 

 

 

وبعد اكتمال الرفع نغلق النافذة

ونذهب الى محرر الـ Html

 

 

والان حبيباتي هذه الحروف والكتابات هي اساس عمل القالب وطبعا

في دورتنا سنتعلم فقط تغيير الألوان والصور

 

 

 

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

نضغط ctrl + f

لنبحث عن اي رابط نريد استبداله او للبحث عن خصائص جزء معين من قالبنا

ولتغيير صورة الجزء العلوي من المدونة هذا

top_frame22.png

 

نضع أسم الصورة في مربع البحث ثم نضغط enter من لوحة المفاتيح

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

6.png

 

ولتغيير هذه الصورة بتصميم نحن نعمله

مجرد نرفع الصورة على مركز تحميل ونستبدل الرابط القديم

برابط الصورة الجديدة المحدد لونه بالأزرق فوق

 

ولتغيير الجزء الأوسط من المدونة هذا

top_container1.png

 

نبحث في مربع البحث ctrl + f

بأسم الصورة top_container1

 

فيظهر الاسم باللون الاصفر محدد وبجانبه الرابط الذي يبدأ بـ

 

 

واما لتغيير الجزء السفلي من القالب هذا

bottom_frame2.png

 

نبحث في مربع البحث ctrl + f

بأسم الصورة bottom_frame2

 

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

ونستبدل الرابط كله برابط تصميم جديد نحن عملناه

ثم نحفظ القالب من svae tamplate

 

 

والان لتغيير الالوان الخاصة بالكتابة

طبعا الرمز اللوني في لغة Html

هو

#000000

والذي يمثل اللون الاسود

 

 

فلتغيير اللون للكتابة العام في القالب

نبحث عن كلمة body {

واسفله اللون

 

ولتغيير لون الروابط

نبحث عن

a:hover, .post a:hover {

واسفله اللون

 

ولتغيير لون عنوان المدونة الرئيسي

نبحث عن

#header-wrapper #fb7fc5 blog_title {

ونغير اللون الذي تحته خط

 

ولتغيير لون عنوان المواضيع نبحث عن

.post .post-title a {

وأسفله اللون

 

ولتغيير لون عنوان الموضوع عند مرور الماوس عليه نبحث عن

.post .post-title a:hover {

وأسفله اللون

 

ولتغيير لون الروابط في القائمة الجانبية للمدونة نبحث عن

#sidebar-wrapper {

ونذهب الى color: #fe93df;

توجد مكررة عدة مرات وهي تخص

الاقسام وارشيف المدونة ..ألخ

فنغير اللون الذي نريد

 

ولتغيير اللون طبعا والحصول على الكود الخاص به

نفتح الفوتوشوب

وعلى يسارك نضغط على مربع الألوان

فتظهر لنا لوحة الالوان نختار اي لون

والكود الخاص به نأخذه ((نسخ)) ctrj+c

ونعمل له ((لصق )) ctrl+v

في المدونة

 

طبعا هذا شرح مبسط جدا لأهم ما نستخدمه في القالب

ولتحميل تصميم هذا القالب للتعديل عليه

مع مراعاة مكان الدانتيل وعدم تحريكه لانه سيؤدي

الى عدم تطابقه مع المقطع الاخر

 

أو

 

 

يمكنكن تصميم اشكال والوان اخرى طبعا

 

اتمنى ان اكون وفيت الشرح حبيباتي

وهذا ما قدرت علييه

واسفة ان قصرت في الشرح او التوضيح

هي بالبداية تشوفوها صعبة

بس بمرور الوقت والتطبيق تصير سهلة جدا جدا :))

واي سؤال انا حاضرة

 

وأنتظروني في الدرس القادم ان شاء الله

 

وأستودعكن الله

 

 

 

 

blogger2.png

 

 

 

تم تعديل بواسطة المحبـــة لله
  • معجبة 3

شارك هذه المشاركه


رابط المشاركه
شارك

مدونتي وصلت :

 

http://khmael.blogspot.co.il/

 

أنتظر باقي شرحك يا حبيبة ()

وكثرة الأسهم لخبطتني ><

 

يا سندوس حبيبتي اعذريني اول مرة اعمل هيك دروس <3

شارك هذه المشاركه


رابط المشاركه
شارك

ما شاء الله

درس شيق و جميل

بارك المولى في جهودك يا غالية

عندي سؤال من فضلك:

كيف أستطيع تقسيم صفحات المدونة على حسب المواضيع

مثلا:

التصاميم لوحدها

والأقوال و الخواطر من جهة أخرى.

 

 

 

وجزاك الله كل خير.

 

عدرا محبة،أنا راجية ظل الرحمن.

أختي الكبرى تسجلت هدا المساء في المنتدى باسم*محبة طريق الاسلام*

ولم أنتبه ودخلت باسمها لأنني في زيارة لها :)

تم تعديل بواسطة محبة طريق الاسلام

شارك هذه المشاركه


رابط المشاركه
شارك

اهلا يا رجروجة

 

قصدك الأقسام ؟؟

 

لما تكتبي الموضوع تروحي على اليمين بتلاقي كلمة lables

تضغطي عليها ثم نكتبي اسم القسم ثم done

akhawat_islamway_1403384051__21-06-2014_11-52-30_.jpg

 

وينزل مع الموضوع

 

وفي المرة الثانية حين تكتبي موضوع بنفس القسم رحتشوفيه اصلا مكتوب باللون الازرق

فتختاريه ثم done

 

اتمنى فهمتيني حبيبتي

شارك هذه المشاركه


رابط المشاركه
شارك

اهلا يا رجروجة

 

قصدك الأقسام ؟؟

 

لما تكتبي الموضوع تروحي على اليمين بتلاقي كلمة lables

تضغطي عليها ثم نكتبي اسم القسم ثم done

akhawat_islamway_1403384051__21-06-2014_11-52-30_.jpg

 

وينزل مع الموضوع

 

وفي المرة الثانية حين تكتبي موضوع بنفس القسم رحتشوفيه اصلا مكتوب باللون الازرق

فتختاريه ثم done

 

اتمنى فهمتيني حبيبتي

مفهوم ان شاء الله يا طيوبة ^_^

شارك هذه المشاركه


رابط المشاركه
شارك

تم ولله الحمد يا محبة

http://lakalhamdou.blogspot.com/

ولكن المواضيع لا زالت مختلطة،لم ترتب على حسب الأقسام.

يعني انت مثلا في مدونتك نجد على اليسار من كل صفحة:

تصاميم،سكرابزات،أعمال يدوية...ثم نحن نختار القسم الدي نريد..

هل فهمت قصدي يا غاليتي،واسفة على الازعاج :)

وأريد طلب أختي متى أمكنك دلك،أنا أعلم أن دخولك قل لمشاغلك، :blush:

أحب فقط طريقة استعمال الجليتر في التصاميم.

وجزاك الله كل خير.

شارك هذه المشاركه


رابط المشاركه
شارك

أختي المحبة،لم أتمكن من تحميل القالب

أعطاني هده الرسالة:

 

This page contains the following errors:

error on line 1988 at column 22: Failed to parse QName 'expr:g:'

Below is a rendering of the page up to the first error.

شارك هذه المشاركه


رابط المشاركه
شارك

رائع يارجروجة والاقسام تعمليها من الأضافات كما في الدرس الخامس وتختارين lables

9.png

 

بس عندك مسافة كبيرة فوق اعتقد السبب صورة الهيدر السابقة

اذهبي احذفيها من نفس المكان اللي رفعتيها من layout

 

2.png

 

فيظهر لنا هذا المربع

3.png

 

احذفي الصورة ان كانت موجودة ....:))

شارك هذه المشاركه


رابط المشاركه
شارك

تم ولله الحمد يا محبة

http://lakalhamdou.blogspot.com/

ولكن المواضيع لا زالت مختلطة،لم ترتب على حسب الأقسام.

يعني انت مثلا في مدونتك نجد على اليسار من كل صفحة:

تصاميم،سكرابزات،أعمال يدوية...ثم نحن نختار القسم الدي نريد..

هل فهمت قصدي يا غاليتي،واسفة على الازعاج :)

وأريد طلب أختي متى أمكنك دلك،أنا أعلم أن دخولك قل لمشاغلك، :blush:

أحب فقط طريقة استعمال الجليتر في التصاميم.

وجزاك الله كل خير.

 

قصدك الصور المتحركة اللماعة؟؟

حبيبتي انا ما استخدم الكليتر في تصاميمي ابد

بس أكتبي على جوجل دروس الجليتر او درس عمل الجليتر :))

رحتظهر لك كثير مواقع تعليمية ان شاء الله تستفيدي منها حبيبتي

شارك هذه المشاركه


رابط المشاركه
شارك

 

 

LESSON3.png

 

blogger2.png

 

 

أخواتي الحبيبات اليوم درسنا الثالث بسيط وسهل

وهو تعديل أعدادات الملف الشخصي لمدونتنا

 

1: نسجل الدخول الى بلوجر

 

وندخل الى اسم مدونتنا

فتظهر لنا لوحة التحكم

ونذهب إلى الجهة اليمنى العليا حيث اسمنا الشخصي

 

1.png

 

 

2: فيظهر لنا هذا المستطيل

 

2.png

 

ونضغط Blogger Profile

 

 

3: فتظهر لنا هذه الصفحة وبها المعلومات الموضحة هنا

 

3.png

 

وللتعديل عليها نضغط Edit Profile

 

 

 

4: ثم تظهر لنا هذه الصفحة وبها المعلومات الموضحة هنا

 

4.png

 

5.png

 

6.png

 

وباقي المعلومات أذا حبيتي أملأيها

أو أتركيها فارغة

فهي ليست بمهمة ويفضل تركها ^_^

 

7.png

 

 

وأخيرا نضغط Save Profile

 

وبهذه الطريقة نحدث ونغير ملفنا الشخصي

وبارك الله فيكن حبيباتي وشكرا لمتابعتكن :)

 

وانتظروا الدرس الرابع

 

 

 

 

 

 

ياحبيبه عندما وصلت لتلك المرحله اضغط حفظ فيعاد فتح الصفحه

انا لم اضع شى فى ملف الاوديو

لانى ما اعرف ماهو وماذا اضع به

@@المحبـــة لله

  • معجبة 1

شارك هذه المشاركه


رابط المشاركه
شارك

أي حبيبتي عادي هو فقط يحفظ التغييرات

بعدها اضغطي على كلمة بلوجر فوق كما موضحة هنا

Fy6WUc.png

وبعدها اختاري أسم مدونتك وبس :)

تم تعديل بواسطة المحبـــة لله

شارك هذه المشاركه


رابط المشاركه
شارك

زادك الله من فضله يا محبة الحبيبة

عندما يتسنى لي الوقت،سأطبق درس اليوم

وبالنسبة للقالب لم يتناسب حجمه مع حجم المدونة

فأزلته الى أن أعيد التطبيق مرة أخرى

جزاك الله خيرا

شارك هذه المشاركه


رابط المشاركه
شارك

إنشاء حساب جديد أو تسجيل دخول لتتمكني من إضافة تعليق جديد

يجب ان تكون عضوا لدينا لتتمكن من التعليق

إنشاء حساب جديد

سجلي حسابك الجديد لدينا في الموقع بمنتهي السهوله .

سجلي حساب جديد

تسجيل دخول

هل تمتلكين حسابًا بالفعل ؟ سجلي دخولك من هنا.

سجلي دخولك الان

  • من يتصفحن الموضوع الآن   0 عضوات متواجدات الآن

    لا توجد عضوات مسجلات يتصفحن هذه الصفحة

منتدى❤ أخوات طريق الإسلام❤

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

×