الرئيسية      عني      أعمالي      السيرة      صوري      اتصل بي

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

لماذا؟

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

أولا لماذا مهم ان يكون لك موقع شخصي او مدونة؟, إليك هذه الأسباب المقنعة:

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

وهذه مقالة اعجبتني للأخ المبدع محمد حبش تتماشى مع موضوعنا هذا بعنوان الشبكات الاجتماعية ليست منصات محتوى

من أين؟

من خلال خيارين تستطيع الاختيار منهما:

  • من مواقع تقدم خدمة مجانية مثل wordpress.com او blogger.com .. الخ
  • من استضافة خاصة بأسعار شبه رمزيه مثل استضافة مربع او استضافة المستضيفون العرب او اي استضافة تريدها.

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

كيف؟

طريقة عمل موقع شخصي أو مدونة من خلال بلوقر blogger.com

افتح موقع Blogger سيظهر لك تسجيل الدخول أو اشتراك فاضغط اشتراك اذا لم يكن لديك حساب في جوجل فلو لديك بريد جيميل فيعني انه لديك حساب في جوجل وتدخل مباشره بحسابك البريد بدون اشتراك جديد.

blogger-1

ستظهر لك الصفحة الرئيسية بعد تسجيل الدخول حيث يمكنك اختيار مدونة انشأتها وبما أن ليس لديك اي مدونة فتضغط على “مدونة جديدة”

blogger-2

فتكتب اسم المدونة في خانة اسم النموذج وتكتب رابط مدونتك في خانة العنوان وتختار القلب الأساسي وتضغط “إنشاء مدونة”

blogger-3

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

blogger-4

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

blogger-6

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

blogger-7

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

blogger-8

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

blogger-9

نختار آخر قالب على في قوالب بسيط

blogger-10

نختار من القائمة اليمنى خلفية ونغير الخلفية بالضغط على صورة الخلفية تحت عنوان صورة الخلفية

blogger-11

يمكنك اختيار احد الخلفيات الجاهزة

blogger-12

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

blogger-13

اخترت خلفية لدي يمكنك تحميلها من هنا إذا اعجبتك لون هادئ واحترافي وبه نقوش بسيطة

blogger-14

ويمكنك إيجاد خلفيات رائعة بموضوع سابق أضفته باسم مواقع للخلفيات (نقشات, أنماط, صور, زخارف, تدرجات …) كهذه الخلفيات:

back-thumb

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

blogger-15

هناك بعد ذلك التخطيط حيث يمكنك اختيار التخطيط المناسب لك وايضاً انصح بتركها بالتخطيط الأساسي جميل

blogger-16

اخيرا في المتقدم يمكنك تغير الوان النصوص ومقاساتها

blogger-17

فقمت بتكتب النص العام للموقع إلى 16px ليكون شكله افضل ويمكنك التعديل على التصميم والألوان كما تريد من هنا

blogger-18

الأن يمكنك الضغط على “تطبيق على المدونة” ثم الضغط على “الرجوع إلى Blogger” واختيار التخطيط لنرى ما يمكننا إضافته في الموقع كأدوات

blogger-19

اضغط على إضافة أداة للقائمة الجانبية اليمنى ستظهر قائمة بالأدوات

blogger-20

انزل للأسفل ستجد صورة اضغط على علامة الزائد [+] لإضافتها

blogger-22

ثم اكتب عنوان الصورة واختر صورة من جهازك ويمكنك كتابة رابط الصورة عند الضغط عليها

blogger-23

نضغط على زر معاينة لنرى قد تم إضافة الصورة

blogger-24

نعود لصفحة التخطيط ونحذف “من أنا” ونستبدلها بصندوق نصي وتكتب فيه ما تريد

blogger-25

ونشاهد النتيجة بالمعاينة

blogger-26

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

blogger-27

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

blogger-28

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

blogger-29

بعد إضافة جميع الصفحات:

blogger-31

نختار عرض الصفحات كـ “علامات التبويب بالجزء العلوي” وذلك لتظهر قائمة الصفحات أعلى الموقع

blogger-32

ونضغط حفظ الترتيب أعلى يسار الصفحة , وبعد التنسيق قليلاً من (القالب > تخصيص > متقدم) تظهر لنا النتيجة التالية

blogger-33

أخيراً إذا كنت تود إخفاء الشريط العلوي الموجود في الموقع فيمكنك ذلك من خلال التخطيط والضغط على تحرير للـ Navbar واختيار متوقف وحفظ

blogger-34

لنجده توقف واختفى

blogger-35

أخيراً إضافة المشاركات او التدونيات من خلال القائمة بلوحة تحكم المدونة نضغط مشاركات ونضغط على “إنشاء مشاركة جديدة” أو من خلال صورة القلم أعلى الموقع على اليمين

blogger-36

ليظهر لنا صفحة إنشاء مشاركة لنضيف العنوان ونص المشاركة وهناك العديد من الخيارات مثل تعطيل التعليقات وغيرها

blogger-37

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

blogger-38

أخيراً انتهى الشرح بشكل أساسي وهنا أمثلة على بعض القوالب الأخرى استعرضها لكم يقدمها موقع Blogger جاهزة بدون اي تعديل عليها:

blogger-39

blogger-40

blogger-41

blogger-42

blogger-43

blogger-44

أخيراً يمكنك التعديل على الموقع بشكل كبير وكامل مثلاً يمكنك إضافة نص اسفل اسم الموقع مثل مبرمج ومصمم مواقع او اي شيء كالتالي:

وذلك من خلال (لوحة التحكم > إعدادات > الوصف) لتظهر في الموقع كالتالي:

blogger-45

ويمكنك إضافة شعار المهم ان تأتي بشعار مصمم كالتالي:

logo

ثم تذهب إلى (لوحة التحكم > التخطيط > رأس الصفحة > تحرير) وترفع الصورة واختيار الموقع “بدلاً من العنوان والوصف” وتحفظ لتظهر كالتالي:

blogger-46

وهنا نموذج حي للصفحة التي انشأتها في هذا الدرس ( http://althari.blogspot.com )

استقبل اي استفسارا عن هذا الموضوع

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

  تاريخ النشر   25/10/2013    
  مرات المشاهدة   19٬943
  1. يقول abderrazzak:

    موضوع جميل ومفصل .
    شكرا

    1. يقول خليل:

      والله ما فهمت شي بس فهمت يصمم مواقع

  2. يقول ahmed-alsaady:

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

    1. يقول Cinderella:

      Good to see some wireframes that look as &#&186;bad1#8227; as mine. But yeah, it’s all about getting your thoughts and ideas down and organising them.Because quite a bit of thought has already gone in, the above sketch could easily inform an interactive prototype if that was the next step.

  3. شكرا أخي الموضوع جميل
    اليك مدونتي
    com-wonderful.blogspot.com

  4. يقول hicham ston:

    ؤريد انشاء مدونة في بلوجر

  5. يقول أبو آمنة:

    جزاك الله خير اخوي عبدالملك

    هذه مدونتي : http://www.abu-amna.com

    1. يقول Eddie:

      I had a Co2 vershion of this i got years ago… you would stick the back of is in and make a hole with it. then you would load a small black capsule in the nose stick it in the hole and squeze then flip? it over to empty the rest of the CO2 canister to start filling the ti;8e#&230r. i sold it with my bike i regrated it so much… i cant find one anywere now

  6. الله يعطيك العافيه شرح وافي وكافي وجميل ياريت تزور موقعي وتعطيني رايك فيه اكون مشكور لك

  7. يقول أحمد عبود العمودي:

    أشكر لك هذا العطاء ، فالعطاء سمة النبلاء.

  8. يقول أحمد عبود العمودي:

    الغالي عبدالملك .. أشكر لك عطائك وبدأت بانشاء مدونتي بناء على درسك ، السؤال انه لم يظهر لي خيار عرض الصفحات بعد انشائها كما في الشكل
    http://althari.net/personal/wp-content/uploads/2013/10/blogger-32.png
    فكيف أعرض الصفحات أعلى المدونة؟

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

      لعرض الصفحات بأعلى الموقع أو بجانبه كل ما عليك هو الدخول على (التخطيط) واختيار إضافة أداة واختيار الصفحات ليتم إظهارها.

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

      1. يقول الصدق من الايمان:

        شكرا لك اخي ربنا يجزيك خير

  9. يقول أبويا:

    شكرا .لك على تفسيرك .الله يبارك فيك

  10. يقول naglaa elnagar:

    شرح وافي اخي العزيز ولكن عندي مشكلة في عرض الصفحات كعلامة تبويب في الجزء العلوى لان لا تظهر كلمة عرض الصفحة

  11. يقول Hassan:

    akhi ana lm a3rf kayfa a3mel 9awa2im mtlak الأن تود بلا شك إضافة صفحات ثابتة للموقع فيها اي شيء تريده مثلاً صفحة كاملة تعريفية وصفحة اخرى اسمها اتصل بي .. الخ وذلك من خلال خيار الصفحات فنضيف صفحة بالضغط على “صفحة جديدة”

  12. يقول oussama:

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

  13. يقول mohamed:

    شكرا اخي على الشرح انه رائع جدا
    سؤال هل يوجد موقع لتحميل المدونات جاهزة في مجال الهواتف و التطبيقات?

  14. يعطيك الف عافيه مقالة اكثر من رائعه ..

    واستناذنك بإقتباس بعض من مقتطفاتك بمدونتي http://www.m2des.com

  15. يقول كامل عادل:

    شكرا جزيلا أخي الكريم .. مقال رائع مليء بالمعلموومات .. يمكنك زيارة http://tasawk.com/
    بإذن الله سوف تستفييد منه لقد ساعدني في تصميم موقعي

  16. يقول Dubai Property:

    شكرا اخي الكريم علي الشرح الرائع

  17. يقول RAMZI:

    أتمنى تسرع تجاوبني أنا ما قدرت أحذف اسم bogspot من ال URL الخاص بالمدونة ماذا افعل

  18. شرح اكثر من رائع …

  19. يقول aloui:

    please code source of book html css

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *