الطريقة الصحيحة: لرفع ملفات CSS, HTML إلى Google Code .. لم تعد سرّاً!

tortoisesvn_google_code الحمدلله وكفى والصلاة والسلام على الرسول المصطفى، ثم أما بعد .. تعرضت سابقاً لخدمة Google Code ومميزاتها وطريقة حفظ ملفات الجافا فيها ( استخدام Google Code لحفظ ملفات الجافا بروابط مباشرة )، ولم أشر إلى أنه بالإمكان حفظ ملفات ورقة الأنماط CSS وغيرها من أنواع الملفات مثل الصور، وصفحات الويب HTML, وغيرها؛ رغم أنه بالإمكان رفعها بنفس الطريقة بدون مشاكل إلا أنها لن تعمل بعد رفعها ولن تحقق الغرض إذا أردت أن تربطها بقالب مدونتك كإضافة أو كورقة أنماط للمدونة ــ بل اسوأ من ذلك أنها ستضللك وتجعلك تشك في الإضافة أو قالب المدونة فتقضي وقتاً طويلاً تبحث عن الخلل في المكان السليم. حسناً لتتضح الفكرة قمت برفع ملف ورقة أنماط  CSS بطريقتين الأولى مباشرة كما شرحته بالنسبة لملفات الجافا ، والثانية بالطريقة الصحيحة التي سنشرحها اليوم فانظر لنتيجة الطريقة الأولى المباشرة:
( تنبيه: قوقل أغلقت الخدمة الحل البديل: هنا  )
tortoisesvn_000fdffd3
وهذه نتيجة الطريقة الثانية حيث قمت برفع نفس ملف CSS بالطريقة الصحيحة ( موضوعنا ) وكانت النتيجة أن التنسيق ظهر بدون مشاكل:
tortoisesvn_000fdffd3b
وحتى نستفيد من سيرفرات Google Code القوية والسريعة وعالية الإعتمادية لحفظ واستضافة ملفات أوراق الأنماط CSS للمدونة، أو ملفات الإضافات كاملة مثل إضافة صندوق الضوء التي قدمتها سابقاً، فهي بجميع ملفاتها سواء جافا أو CSS أو صور محفوظة في مكان واحد… اقرأ ما يلي:

[ 1 ]  لماذا لا تعمل ملفات CSS مباشرة عند حفظها في Google Code؟! وماهو الحل؟ Light bulb

خدمة Google Code موجهة في الأصل لأصحاب المشاريع البرمجية المختلفة, وهي بالتأكيد ليست خدمة استضافة ملفات مواقع, فعندما ترفع ملف CSS أو HTML فإن Goole Code سيعتبرها ملفات خام ولن يفهمها كما فهمتها أنت فيعتبرها مجرد ملفات خام لا لون لها ولا طعم ولا رائحه Smile ,  مثلاً لو قمت برفع ملف اسمه index.html ثم نسخت رابطه في المتصفح لن يتم استعراضه على أنه صفحة ويب بل مجرد ملف خام سيسالك المتصفح هل تريد حفظه أم لا!.  بتعبير أعمق قليلاً: المتصفحات عندما تتعامل مع الملفات تبحث في الخادم المستضيف لهذه الملفات عن بروتوكل اسمه ( MIME ) يعرّف بامتدادات الملفات وهو الذي يحدد نوع الملف المُستعرض فيخبر المتصفح أن هذا الملف عبارة عن ملف نصي HTML، أو ملف نصي CSS، أو ملف تنفيذي exe .. وهكذا. وقوقيل كود لا يفعل هذا إلا بالطريقة التي سنبينها لاحقاً بمشيئة الله. ( إذا كنت تملك استضافة خاصة ستجد زر خاص باسم mime type وسترى أن هناك العديد من تعريفات الملفات .. )
 Storm cloud  والحل أيها الكريم أن نتعامل مع Google code كأننا أصحاب مشروع!. قوقيل كود يوفر ثلاثة أنظمة لإدارة المشاريع غايتها تنظيم المشروع وحفظ إصداراته والتعديلات التي أجريت عليه من قبل مطوريه وهي: ( Git ) و ( Mercurial ) و ( Subversion ). وسنعتمد على الأخير الا وهو ( Subversion ). وحتى نصل اليه من خلال الحاسب الآلي سنتسخدم أحد البرامج المتخصصة. لا يهمنا هنا فهم هذه الأنظمة ولا كيف تعمل نريد أن نقتطف من هذا المجال فقط ما يحقق هدفنا وهو كما سترى في غاية اليسر، وهذه المعلومات التي قد تربك البعض أوردتها فقط لفهم القضية ليس إلا.
Coffee cup { إذاً الخلاصة لنرفع ملفاتنا إلى قوقيل كود سنتعامل مع نظام التحكم بالمشاريع المسمى ( Subversion ) من خلال برنامج اسمه ( TortoiseSVN ) يعمل على بيئة ويندوز وهناك بالطبع برامج للأنظمة الأخرى. }



[ 2 ] فتح حساب في Google Code واختيار نظام التحكم المناسب

1. لفتح حساب في Google Code اقرأ هذه التدوينة: استخدام Google Code لحفظ ملفات الجافا بروابط مباشرة
2. دعنا نتأكد أن نظام التحكم بالمشروع لديك هو subversion:
  • توجه الى صفحة المشروع.
  • اختر التبويب الرئيسي “Administer”.
  • ثم اختر التبويب الثانويSource”.
  • تأكد أن كلمة (Subversion) مكتوبة بجانب العبارة “Version control system
  • إذا لم تكن هي الكلمة ، فقم بالضغط على الزر “Subversion” ليتحول المشروع اليه. انظر الصورة:
tortoisesvn_000fdffd



[ 3 ] الحصول على بيانات حساب المشروع ( الرابط – اسم المستخدم ــ كلمة المرور )

هذه البيانات مطلوبة حتى ندخل على حساب المشروع من خلال البرنامج كما سنرى لاحقاً، افتح ملف نصي لنحفظ فيه البيانات حتى نرجع اليه بسهولة فيما بعد، مسالة تنظيمية ليس إلا.
  • توجه إلى صفحة المشروع.
  • اختر التبويب الرئيسي “Source”
  • ستظهر لك البيانات كما في الصورة:
tortoisesvn_000a1
1. انسخ رابط المشروع إلى الملف النصي. ( لاحظ أن اسم مشروعي alblogger-gen )
2. انسخ اسم المستخدم إلى الملف النصي. ( لاحظ أنه مجرد عنوان البريد الذي فتحت من خلاله المشروع ).
3. لرؤية كلمة المرور اضغط على “googlecode.com password” ستظهر لك في صفحة جديدة، انسخها أيضاً إلى الملف النصي.
tortoisesvn_000a2
الآن تحصلنا على البيانات الضرورية للتخاطب مع المشروع من خلال البرنامج كما سنبينه لاحقاً إن شاء الله.



[ 4 ] تثبيت برنامج TortoiseSVN  Turtle

بعد البحث والتجربة العملية وجدت أن برنامج TortoiseSVN أفضل برنامج مجاني بالنسبة لنظام ويندوز، يمكنك الحصول عليه من الموقع الرسمي باتباع هذا الرابط. هناك نسختان  32 بت و 64 بت اختر النسخة التي توافق نوع نظامك ( يمكن معرفة نوع النظام من خلال النقر بالزر الأيمن على My Computer ثم اختيار خصائص ).
تثبيت البرنامج عادي جدا ومباشر, بعد تثبيت البرنامج سوف لن يظهر في قائمة البرامج، بل سيدمج مع مستكشف الملفات الخاص بويندوز، وهذا يعني أنك تستطيع تشغيله من أي مكان خلال ويندوز. فبرنامج Tortoise عبارة عن منفذ شيل shell extension. أعددت عرض شرائح توضح خطوات التثبيت لمن شاء:






[ 5 ] إعداد برنامج TortoiseSVN وتعريف امتدادات الملفات

في الفقرة [ 1 ] أشرت إلى أن بروتوكول MIME هو المسؤول عن تعريف الملفات للمستعرضات لتفهمها حسب امتدادتها. هناك ميزة رائعة في نظام التحكم بالمشاريع Subversion اسمها auto-props تعرف امتدادت الملفات تلقائياً، كل ما علينا الآن هو إضافة أنواع الملفات التي نريد أن نستضيفها في Google Code إلى برنامج TortoiseSVN لمرةٍ واحدةٍ فقط. فلنفعل ذلك الآن:
سرد الخطوات:
  • اضغط بزر الفأرة الأيمن في أي مكان ثم اختر “TortoiseSVN” من القائمة.
  • ثم اختر “Settings”. ستظهر نافذة الإعدادت.
  • اضغط على الزر “Edit
  • سينبثق ملف نصي بواسطة برنامج الدفتر.
  • قم باختيار كامل النص بالضغط على الزرين: Ctrl+A
  • احذف كل شيء، واترك الملف مفتوح.
  • الآن! افتح هذا الرابط ( هنا ).
  • اختر كامل النص.
  • عُد الى الملف النصي والصقه كاملاً.
  • احفظ الملف ووافق على التغييرات.
  • انتهى!
صور توضيحية:
tortoisesvn_props_0001
tortoisesvn_props_0002
  Airplane  وبهذا انتهينا إعداد كل شيء ، ونستطيع البدء في استخدام برنامج Tortoise لرفع ملفاتنا إلى Google Code مباشرة.

[ 6 ] طريقة رفع الملفات إلى Google Code بواسطة برنامج Tortoise  Work

الجميل في Google Code أنك تستطيع أن ترفع مجلد بكامل محتوياته مثل DropBox، وهذه ميزة عظيمة فعندما ترفع إضافة مكونة من: ورقة أنماط CSS وملفات جافا وصور فلن تكون مضطراً لتعديل روابط الصور في ملف CSS ولا روابط ملفات الجافا. فقط ارفع المجلد كما هو وجرب إضافتك.
افتح ملف بيانات حسابك في قوقيل كود الذي أنشاته في الفقرة [ 3 ] والمكون من رابط المشروع، واسم المستخدم، وكلمة المرور، وتابع:
سرد الخطوات:
  • اضغط بزر الفأرة الأيمن في أي مكان ثم اختر “TortoiseSVN” من القائمة.
  • اختر من القائمة المنسدلة “Repo-browser” ( تعني استعراض مخزن المشروع )
  • ستظهر نافذة صغيرة انسخ فيها رابط المشروع. واضغط OK.
  • ستظهر نافذة مخزن المشروع ( ستكون بطيئة وربما ستقرأ عدم استجابة .. تجاهل ولا تغلق النافذة )
  • اضغط من القائمة اليسرى مجلد “Trunk” ( يُعتبر هو المجلد الرئيسي )
  • الآن اضغط بزر الفأرة الأيمن في المربع الأيمن، واختر “Add file” لرفع ملف أو “Add folder” لرفع مجلد بكامل ملفاته. ويمكنك أيضاً استخدام ميزة السحب والإفلات.
  • ستظهر نافذة تطلب منك كتابة وصف للملفات أكتب أي شيء.
  • ثم ستظهر نافذة تطالبك باسم المستخدم وكلمة المرور. أدخلهما وضع علامة صح عند الخيار “Save authentication” حتى لا يطالبك كل مرة.
  • الآن انتظر … حتى ينتهي.
  • يمكنك الآن التوجه لمجلد ملفاتك عبر المتصفح من خلال رابط المشروع.
صور توضيحية:
tortoisesvn_upload_0001
tortoisesvn_upload_0002
tortoisesvn_upload_0003
tortoisesvn_upload_0003a
tortoisesvn_upload_0004
tortoisesvn_upload_0005
tortoisesvn_upload_0006

وهكذا بحول الله سترفع ملفات أي إضافة تخص موقعك في Google Code وهو بلا شك مكان آمن ويعتمد عليه، ومن اليوم إذا واجهتك أي إضافة لا تعتمد على الروابط التي يقدمها المطور لأن هناك الكثير غيرك سيستخدمونها ولأنه أي المطور قد يحذفها أو يعدل فيها أو يغلق حسابه أصلاً وأنت لا تدري وقد يصعب عليك حينها الحصول على روابط جديدة ،  قم بتنزيل كامل الإضافة ثم ارفعها في حسابك الخاص وكن أنت من تقرر مصير موقعك! Rainbow

هذا والحمدلله رب العالمين Red rose

التعليقات: 79

العالم من بين الاحلام والواقع يقول... 14 أكتوبر، 2011 12:13 ص

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

جاسر الحربي يقول... 15 أكتوبر، 2011 12:03 م

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

أهلاً وسهلاً أخي العزيز محمد ..

جزاك الله خير وأشكرك جزيلاً على تعليقك الطيب :)

تحاياي

ذؤيب يقول... 22 أكتوبر، 2011 3:56 م

بوركت أخي جاسر على هذا الجهد المبارك لإخراج هذا الموضوع المهم. فمهمة رفع هذه الملفات ذات أهمية بالغة كون مستعملي بلوجر لا يتوفرون على FTP و منه فهذا الموضوع بات من الأبجديات الأساسية لتعلم بلوجر و لا أكاد أجده في أي مدونة عربية غير مدونتك المباركة.
تحياتي لك أخي جاسر.

Abed يقول... 23 أكتوبر، 2011 11:50 ص

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

حسام يقول... 23 أكتوبر، 2011 8:42 م

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

مجهودك رائع جدا

بس ليا سؤال الطريقة اللي نجعل بيها شكل المدونة جذاب مثل مدونتك

هي باستخدام أكواد ال CSS , Jquery , HTML ?

جاسر الحربي يقول... 24 أكتوبر، 2011 11:33 ص

@ذؤيب: حياك الله أخي الفاضل ، تعليقك يصلح مقدمة ممتازة، فرجاء علّق قبل أن أنشر أي موضوع :)

@عابد: وبارك الله فيك، دروب بوكس ممتاز وكريم جداً، فتحت مدونتك وفعلاً يظهر أن الصفحة تنتظر دروب بوكس والأداء جيد. مدونتك جميلة بالمناسبة.

@حسام: وجزاك الله خيراً كذلك، تستطيع القول ( CSS ) أولاً وثانياً وثالثاً، وبما أنه من غير المنطقي أن تتعلم css بدون HTML فسأقول كلتيهما.

تحاياي

برامج كمبيوتر يقول... 24 أكتوبر، 2011 3:35 م

ما شاء الله ، ما اجمل شرحك واسلوبك يا غالي ، موضوع مفيد جداً ، بارك الله فيك وجزاك كل خير .

مدونة صفوان يقول... 24 أكتوبر، 2011 4:14 م

موضوع جميل شكرا لك

جاسر الحربي يقول... 25 أكتوبر، 2011 11:12 ص

@برامج كمبيوتر: وفيك بارك الله وجزاك خيراً وسددك أخي الكريم.

@صفوان أو أسامة: شكراً لك أنت، وحياك الباري.

dana يقول... 26 أكتوبر، 2011 5:14 م

الله يعطيك العافية سجلني متباعه لابداعك الذي لم اجد مايضاهيه في المحتوى العربي حتى الان ياولد العم بس عندي سؤال واخاف احبطك
انا فهمت الطريقة ولله الحمد والفضل بعد الله لشرحك المرتب والواضخ والرائع
لكن سؤالي عندي مدونة على بلوقر عاديه واضفت كذا اضافة فيها اكواد وكذا html and css
سؤالي الله يبارك فيك كيف احفظها سوري بس مو عارفه شلون احفظ صور مدونتي والاهم قالبي لانه مره انتهت فترة صلاحيته وصار بدون صور ابد

واكواد html and css


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

طيب html وcssكيف؟

اسفه على الاطالة ..

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

جاسر الحربي يقول... 27 أكتوبر، 2011 1:37 م

حياكِ الله بنت عمي وبياك ، وهناك بلا شك الكثير هم أفضل مني ، اسال الله أن يستر عوراتي ، وجزاك الله خير.

* صور القالب، الأفضل حفظها في حسابك الخاص ببيكاسا
http://www.alblogger.com/2011/03/how-to-use-picasa-blogger.html

* الإضافات البسيطة وتلك التي يتم تركيبها من "إضافات بلوقر" مباشرة كذلك يمكن دمجها مع القالب.


* لكن الإضافات المركبة والكبيرة والتي عادة يعرضها المطور ويحفظ ملفاتها في موقع خارجي ، هذه هي المعنية ، فهذه ننزلها ثم نرفعها في حسابنا في google code ونكون نحن من يديرها.
غالباً هذه الإضافات تتكون من: جافا ، صور ، css ، .. وفي مجلد واحد فنقوم برفعه كما هو.

تحاياي

غير معرف يقول... 27 أكتوبر، 2011 4:13 م

الله يسلمك ويبقيك
يعطيك العافية على الرد الشافي والوافي

لكن هنا سؤالي ...

لكن الإضافات المركبة والكبيرة والتي عادة يعرضها المطور ويحفظ ملفاتها في موقع خارجي ، هذه هي المعنية ، فهذه ننزلها ثم نرفعها في حسابنا في google code ونكون نحن من يديرها.
غالباً هذه الإضافات تتكون من: جافا ، صور ، css ، .. وفي مجلد واحد فنقوم برفعه كما هو.



عذرا عذرا عذرا بس كيف انزلها ؟ اعرف انزل القالب واركبه
بس الاضافات كيف؟

اسفة بجد لو ثقلت عليك << ربي بلاك فيني:$


:s

تحيتي

dana

جاسر الحربي يقول... 27 أكتوبر، 2011 4:41 م

فهمت سؤالك ..

* عادة المطور يعطي رابط للتنزيل.

لكن هناك عدد لا بأس به خصوصاً المواقع العربية مجرد يعطي أكواد ويقول ركب هذا هنا وذلك هناك ..

والأسطر ما تكون حينها قابلة للنقر حتى نضغط بزر الفأرة الأيمن ثم نحفظ ، ما افعله أنا هو التالي :

أفتح برنامج sharepoint 2007 وهو شبيه الفرونت بيح ، وأكتب نص وأضيف اليه الروابط ثم استعرضها في المتصفح فتكون قابلة للنقر واحفظها ، دائماً أحدث نفسي بأن هناك طريقة أفضل ولكن لم أبحث عنها.

لنفترض أنك نزلت الملفات الآن تجمعينها في مجلد واجد وترفعينها كما وضحت في الموضوع.

حسناً المسالة تحتاح شوية تركيز وفهم للإضافة وأنا قلت "شوية"

ترى ممكن أنا معقد المسالة وبعض الأمور سهلة ولكن التعبير عنها يعقدها

جربي على أي إضافة وسترين أنها ميسرة بحول الله


تحاياي

الربح من النت حقيقة يقول... 14 نوفمبر، 2011 5:08 ص

شكرا أخي على المعلومات القيمة فعلا كنا نحتاجها

جاسر الحربي يقول... 14 نوفمبر، 2011 1:46 م

العفو أخي الفاضل ، وأهلاً بك وسهلاً

احمد العزاوي يقول... 17 نوفمبر، 2011 11:29 م

احسن الله اليك و بارك الله فيك .. فكرة جديدة لا سابق لها و اعتقد كل من يملك موقع يحتاج اليها لان كوكل الملاذ الامن لخزن الملفات .
سؤال : بالنسبة للملف النصي الذي تم تغيره اين سبتم خزن محتواه الجديد هل في حسابي في كوكل كود ام اين ؟
اقصد هذا الملف :
http://dl.dropbox.com/u/22531314/TortoiseSVN/config.txt
و شكرا لك .

AR يقول... 27 نوفمبر، 2011 5:20 م

لكن ماذا إن أغلقت جوجل حسابك ؟
أو ماذا إن أغلقت شركة جوجل أبوابها ؟

أعتقد من الأفضل رفع الملف على الإستضافة الخاصة
وذلك حسب أهمية الملف ويفضل دائمًا وجود نسخة إحطياطية على الجهاز أو
حتى على قرص خارجي لأن الجهاز قد يتلف :)
أيضًا من الأفضل حفظ جميع الملفات على قرص cd أو dvd :D

تحياتي ^__^

جاسر الحربي يقول... 29 نوفمبر، 2011 6:20 م

وماذا لو أغلقت شركة الاستضافة الخاصة أبوابها ؟
وماذا لو انهار الحاسوب الشخصي وتلف القرص الصلب ؟
وماذا لو خدش القرص أو تهشم ؟

هل رأيت :) المشاكل قد تحدث دائماً، ولكنك تختار الأكثر اعتمادية، ولا يغنيك أي من هذه الطرق عن الآخر ، فتعدد النسخ ضروري.

لكن مهلاً

هذه التدوينة الغرض منها ليس حفظ الملفات ( كنسخ احتياطي ) أو حتى ( مشاركة ملفات )
بل توفير مكان فعّال وسريع لرفع ملفات المدونة لربطها أونلاين مع المدونة ..

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

شكراً لك ومداخلتك الرائعة

EGX BLOGER يقول... 8 ديسمبر، 2011 10:54 ص

شكرا اخى على المعلومات الفريدة والقيمة بصراحة تعبت كتير لمعرفة الخلل لحفظ ملفات css الان عرفت السبب ,,,,, شكرا لك وربنا يبارك فيك

جاسر الحربي يقول... 10 ديسمبر، 2011 8:39 ص

العفو أخي محمد ، وبارك الله فيك كذلك

وأهلاً بك

أحمد يقول... 15 ديسمبر، 2011 3:09 ص

جزيل الشكر لك أخي، لكن رفع تلك الملفات على sites.google.com الا يؤدي الغرض!؟

استخدمت تلك الخدمة وارفع عليها ملفات css و java و ملفات موسيقى أيضا ورأيت انها تعمل بدون مشاكل وبروابط سليمه.

جاسر الحربي يقول... 16 ديسمبر، 2011 10:12 ص

أهلاً بك أخي أحمد ..

حتى Dropbox يؤدي الغرض ، ولكن المسألة متعلقة بالأداء والاعتمادية.

google code مخصص لاستضافة هكذا ملفات ، ويعطيك 4 قيقا لكل مشروع ، ويحافظ على بنية الملفات ، وسريع مقارنة بالجميع خصوصاً google site , كما أنه يتضمن محرر متميز يمكّنك من تحرير الملف دون تنزيله إلى الحاسب وبالألوان ، ويحافظ لك على التغييرات السابقة لترجع لها ....

تحاياي

كروكيه يقول... 31 ديسمبر، 2011 2:57 م

مجهود مميز أخى وواضح ولكن
على ما أعتقد أنها غير مفيدة لكثير من المدونين ؟

من فضلك هل توجد طريقه لإضافة فيديو يوتيوب فى تعليقات المدونة ؟

جاسر الحربي يقول... 1 يناير، 2012 9:09 م

@كروكيه:

حياك الله

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

لا أعلم طريقة لإضافة اليوتيوب في التعليقات ولم أجرب حقيقة!

غير معرف يقول... 15 يناير، 2012 10:21 م

أخوي البرنامج مايشتغل على الويندوز ياليت تشوف لنا حل واناخوك

جاسر الحربي يقول... 16 يناير، 2012 3:00 م

@ غير معرف: أكتب ماذا فعلت ، ونظام التشغيل ، ونوع المعالج ..
وصورة من حالة الخطأ ... وهل قمت بتنزيل آخر اصدار أم لا ؟

غير معرف يقول... 23 يناير، 2012 10:52 ص

السلام عليكم ورحمه الله وبركاته يالغالي مدونتك رائعه ومميزة جداً أرجو لها الآستمرار بآذن الله ثانياً بغيت انبهك ان البرنامج حاولت به ماشتغل في الاكس بي بالتوفيق

جاسر الحربي يقول... 26 يناير، 2012 10:58 ص

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

شكراً لك بارك الله فيك ، قد يصلح المشكلة أن تعيد تشغيل ملف التثبيت ثم تضغط على إصلاح repair ..

مشاهدة قناة صوت الشعب الجديدة بث مباشر يقول... 19 فبراير، 2012 7:11 م

موضوع جميل شكرا لك

مضاوي يقول... 2 أبريل، 2012 11:53 م

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

جاسر الحربي يقول... 3 أبريل، 2012 10:15 ص

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

← (اقرأ المزيد) إضافة متوفرة في البلوقر ابتداء لا داعي للبحث ، كل ما عليك أثناء تحرير التدوينة الضغط على زر اقرأ المزيد من الايقونات العلومية لمحرر بلوقر ، هذه صورة توضيحية:
http://i40.tinypic.com/ejv2he.png

← لم أفهم طلبك بالضبط ؛ نظرت الى مدونتك وأرى أنك أضفتيها بطريقة صحيحة ، يمكنك استخدام قوالب أخرى من النماذج المتوفرة ...

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

موقع الخبير.كوم يقول... 3 أبريل، 2012 11:55 م

بوركت ولله جهد يذكر فيشكر

من فترة وانا ادور على هذا الشرح

تحياتي لك ....

جاسر الحربي يقول... 7 أبريل، 2012 10:05 ص

وفيك بارك الله أخي الفاضل .. وأهلاً بك :)

عيون مصر يقول... 12 أبريل، 2012 8:22 م

موضوع جميل ومفيد ومدونة اكثر من رائعة

جاسر الحربي يقول... 15 أبريل، 2012 1:38 م

@عيون مصر: شكراً لك

mohessaid يقول... 21 أبريل، 2012 9:12 م

مقال أكثر من رائع أخي الكريم. شكرا لك.
http://arabetech.blogspot.com

جاسر الحربي يقول... 22 أبريل، 2012 11:37 م

@mohessaid العفو ، وحياً هلاًُ

حمادة الحلو يقول... 26 أبريل، 2012 3:49 م

سلام عليكم اخي جاسر

مشكور على الشرح المفيد لكن انا نفذت كل الخطوات و لم انجح

حيث ان خطوة وضع رابط صفحتي في جوجل كود لم تنجح

بينما لاحظت ان الرابط الخاص بي بهذا الشكل http://code.google.com/p/ashab4ecss

و ليس كالرابط الذي انت بينته في شرح الفيديو

فأرجو منك ان تعطيني الحل لكي استخرج الرابط الصحيح لحسابي و اتمكن من الرفع بشكل صحيح و شكرا

حمادة الحلو يقول... 26 أبريل، 2012 4:22 م

صورة لمشكلتي اخي الكريم http://i40.servimg.com/u/f40/14/60/32/89/ooor10.png

منتظرك

جاسر الحربي يقول... 28 أبريل، 2012 8:50 ص

السلام عليكم

معذرة يا حمادة أحياناً انقطع فجأة ولا استطيع متابعة المدونة.

أخي أكتب رابط مشروعك على هذا النحو:

http://ashab4ecss.googlecode.com/svn/trunk/

وإن شاء الله سيعمل لأني أستطيع فتحه

ammer يقول... 13 مايو، 2012 12:41 م

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

جاسر الحربي يقول... 13 مايو، 2012 11:14 م

السلام عليكم

طالما أنه يعمل على بعض المتصفحات فهذا يعني أن الطريقة سليمة ، ارفق لي رابط معاينه لمشروعك

ammer يقول... 19 مايو، 2012 9:45 ص

وعليكم السلام أيها الأستاذ القدير
خلاص المشكلة انحلت
وهي أنني نسيت أن أنسخ المستند وأستبدله بـ“Edit”
الطريقة شغالة 100%
مشكور من ألأاعماق

Designer Handbags For Less يقول... 5 يونيو، 2012 4:36 م

اية الشغل العالي دي؟؟؟؟؟؟
الله يبارك اخي الله يبارك

جاسر الحربي يقول... 5 يونيو، 2012 11:55 م

وفيك بارك الله ورضي عنك

تحاياي :)

غير معرف يقول... 17 يونيو، 2012 10:40 م

شكراً لك كنت أعاني من الأستضافات المجانية و هذي تعتبر مثل الأستضافة شكراً

جاسر الحربي يقول... 18 يونيو، 2012 7:49 ص

العفو وحياك الله

عماد يقول... 22 يونيو، 2012 7:29 م

شكرا لك اخي .. ممكن سؤال : هل ستقوم بازالة موقعك الذي رفعت عليه خطوط الويب ام لا ... لانني استخدمت روابطك حاليااا !

جاسر الحربي يقول... 23 يونيو، 2012 8:35 ص

العفو عماد ..

ما علاقة سؤالك بهذه التدوينة لأني لم أفهم حقيقة !

غير معرف يقول... 26 يوليو، 2012 1:59 م

مشكور اخ

/htto://www.travai-dz.blogspot.com

http://alyomtop.blogspot.com/ يقول... 3 أغسطس، 2012 3:38 م

شكرا جزيلا

http://alyomtop.blogspot.com/

جاسر الحربي يقول... 5 أغسطس، 2012 8:14 م

العفو اهلا بكم

AYMAN DAMOUN يقول... 13 أغسطس، 2012 5:16 ص

نار

جاسر الحربي يقول... 13 أغسطس، 2012 7:54 م

جنّة إن شاء الله :)

ahmed ahmed aly dobal يقول... 8 نوفمبر، 2012 9:38 م

اشكركم شكرا جزيلا
وسوف اجرب ذلك

جاسر الحربي يقول... 26 نوفمبر، 2012 1:29 م

العفو ، تجربة ناجخة ان شاء الله :)

Дћмєđ Дώάđ يقول... 15 ديسمبر، 2012 10:07 م

تسلم ايدك اخي الكريم

http://dollarsawad.blogspot.com

SAAD BOUGATAYA يقول... 16 ديسمبر، 2012 4:56 ص

http://trucsinformatiques.blogspot.com

ahmed يقول... 20 ديسمبر، 2012 2:16 ص

بارك الله فيك.

غير معرف يقول... 10 يناير، 2013 12:23 ص

اخى جاسر انت شرحت رفع الملف ولكن كيف يمكنى الحصول على الرابط المباشر للقالب؟؟؟ هل هذا يكون من خلال لذهابى الى جوجل كود مره اخرى والبحث عن اسم الملف الذى قومت برفعه ام ماذا؟؟

sondon nazih يقول... 23 مارس، 2013 9:01 م

[url="http://www.alblogger.com/"]chokran[/url]

Oussama Bouyardane يقول... 4 أبريل، 2013 12:53 ص

أشكرك أخي الكريم لكن لم تنفع معي هاته الطريقة أيضا في رفع خطوط عربية لأستعملها بمدونتي حيث انني وضعتها بكود الفونت فيس ولم تعمل هل يمكنك ان تجيبني لماذا مع أن الخطوط العربية التي أتحتها جوجل مجانا تعمل بالfontface أرجوا الرد وشكرا
http://arabetutorial.blogspot.com/

جاسر الحربي يقول... 7 أبريل، 2013 12:36 م

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

في ملف إعدادت الصيغ config.txt أضف الاسطر التالية في آخر الملف :

[code]
# Fonts format
.ttf = svn:mime-type=application/x-font-ttf
.woff = svn:mime-type=application/x-woff
.eot = svn:mime-type=application/vnd.ms-fontobject
[/code]

جرب واكتب النتيجة

مأمون جبر يقول... 9 مايو، 2013 2:32 ص

شكرآ كثير يا باشا

http://udabramj.blogspot.com/

Bahr Eye يقول... 2 يونيو، 2013 8:22 م

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

قل تم

جاسر الحربي يقول... 3 يونيو، 2013 8:15 ص

بين يديك م4

Mandy Samy يقول... 9 أكتوبر، 2013 12:00 م
أزال المؤلف هذا التعليق.
HASSAN EL BAGHDADI يقول... 31 أكتوبر، 2013 11:52 م
أزال المؤلف هذا التعليق.
HASSAN EL BAGHDADI يقول... 31 أكتوبر، 2013 11:52 م

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

لدي استفسار اخي ان امكن حول الملفات التي تحتوي على كلمات عربية عند رفعها
تتحول الى رموز وعلامات استفهام هل هذا طبيعي لا تدعم الملفات التي تحتوي على لغة العربية ؟
ام انني اخطات في شيء ما ؟

ولاحظت صعوبة في تعديل الملفات مثل css على عكس دروب بوكس الذي استخدمه الان
لك الحرية في التعديل والسرعة في المزامنه هل من الظروري استخدام استضافة جوجل ؟
ام لا باس في الاستمرار مع الدروب بوكس

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

Mohamed Asfar يقول... 21 ديسمبر، 2013 9:12 م

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

koora line يقول... 13 يناير، 2014 2:57 ص

ت4

Zainab Mahmoud يقول... 31 مارس، 2014 1:29 ص

بارك الله فيك على هذا الشرح ..

zakaria al azrake يقول... 6 سبتمبر، 2014 7:43 م

ملف الاعدادات غير شغال اخي.

جاسر الحربي يقول... 8 أكتوبر، 2014 2:52 م

السلام عليكم

ملف الإعدادات أحياناً لا يعمل للضغط على حسابي في دروب بوكس ، لعلي أرفعه في البوكس نت

محمد الامين للتكنلوجيا يقول... 13 يناير، 2015 9:01 م

شكرا اخي موضوع رائع ربنا يحفظك انا قمت بعمل مدونة بلوجر تقنية احتاج الى دعمكم اخوتي هذا الرابط لن تخسر شئ ان قمت بالقاء نظرة و جزاكم الله خير
metecno1.blogspot.com

DZ Helper يقول... 7 فبراير، 2015 5:31 ص

ت5

Ms LA يقول... 1 مارس، 2015 9:49 م

اخي مايفتح الملف النصي اللي الصقه في ال Edit !!!!!!!!!!!!

youssef elamrani يقول... 21 مارس، 2015 2:44 م

هناك مشكل في الموقع Project creation disabled

محترفي الفوتوشوب يقول... 12 مايو، 2015 3:55 ص

شرح جميل اخي بارك الله فيك
www.de2-ps.com
كن مصمم

إرسال تعليق



تابع صفحتنا في شبكة قوقيل بلس واقترحها :

تابع صفحتنا في الفيسيبوك:

ليصل جديدنا إلى بريدك تفضل بالاشتراك