السبت، 23 أكتوبر، 2010

طريقة انشاء ألبوم صور ( thumbnails ) على بلوجر



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

1 - سنقوم باستخدام (Windows Live Writer (WLW . وهذا البرنامج ربما كان موجودا بجهازك اذا كنت تستخدم مسنجر windows live  وستجده كما بالصورة التالية





2 - في حالة لم تجده بامكانك تحميله من هنا :
    لمستخدمي  ويندوز 7 وفيستا  اضغط هنا  -  ولمستخدمي اكس بي اضغط هنا

3 - نقوم بفتح WLW  ( عند أول استخدام سيطلب منك اضافة اسم الدخول والباسوورد لمدونتك لتسجيلها ) ثم نختار من القائمة العلوية
ادراج ----- جدول ونقوم بضبط اعدادات الجدول عدد الصفوف والأعمدة كما نريدها ونراعي بأن يكون مجموع الصور في الصف الواحد اقل بقليل من عرض الرسالة : تابع الصور :

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

** قم بتحميل صورك على بيكاسا Picasa  ومن هناك اضغط على الصورة المطلوبة .. ثم كليك يمين و تختار view image  حتى تفتح منفردة و بحجمها الطبيعي  عند ذلك قم بنسخ رابط صفحة الصورة وقم بلصقه في خانة رابط الصورة ثم ادراج . تابع الصور






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


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



6 - بعد الانتهاء من ادراج الصور وضبطها بامكانك نشر الالبوم على المدونة مباشرة أو كمسودة تمهيدا لنشرها فيما بعد

7 - الآن اذا كنت تريد بأن تجعل الألبوم في صفحة منفصلة وثابتة .. فعليك بنشر الالبوم كمسودة ثم تقوم بفتح المسودة من لتحريرها وستجد هناك اكواد ال HTML  قم بنسخها ولصقها على الورد او المفكرة 

8 - اذهب الان الى صفحات التحرير وقم بانشاء صفحة جديدة ( اذا كنت لا تعرف كيف ستجد على الانترنت العديد من الدروس المشروحة ) وفي مكان تحرير الرسالة قم بلصق اكواد ال HTML  التي حفظتها سابقا و .... انتهينا قم بحفظ ونشر الصفحة ومبروك عليك ألبوم الصور أو معرض الاعمال

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

 " ملاحظة مهمة : بعد انشائي لالبومات صوري بنجاح ونشرها بيومين حدث ان اختفت الصور المصغرة من المدونة ووجدت بدلا منها مربعات بها اسماء الصور .. وبعد البحث والتنقيب اكتشفت بأنه بعد النشر يم انشاء مجلد على بيكاسا باسم windows live writer ووجدت بأن اعدادات السماح لهذا المجلد هي anyone with the link  فقمت بتغييرها الى public on the web  فعادت الصور للظهور فورا .. لذا وجب التنبيه لهذا الأمر "

وبالتوفيق

هناك 11 تعليقًا:

  1. السلام عليكم ورحمة الله
    شرح وافى بارك الله فيك ، ولكن حاولت أن أجعل الصورة تفتح بالحجم الطبيعى فى نافذة جديد ما استطعت ، تفتح فقط بالحجم الصغير .. ليتك تشرح لنا بالصور كيفية فتحها لالحجم الطبيعى .. فى انتظار ردك . رعاك الله .

    ردحذف
  2. الأخ ابو مسلم حياك الله ..

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

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

    ردحذف
  4. Hello, My name is Bogdan from Romania!
    My blog address is: http://bogdanstelistul.blogspot.com/
    Can we be friends??
    Thank you!!
    For those who do not understand use Google Translate (top right) and select your language!!!

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

    ردحذف
  6. Hi Bogdan, You most welcome
    I've saw your blog & i like it so much.. it has a very nice, unique collection of photos which i never saw befor.
    I remember one of my friends who studied Psychology in Romania.. My pleasure to be friends

    stay well

    ردحذف
  7. بارك الله فيك وفي امثالك ممن لا يكتموا العلم

    وان شاء الله نجربها

    عندي طلب بالنسبة لكود موقع وذكر

    اريد الحصول عليه هل ممكن ؟

    جزيت خيرا

    مدونتي


    http://ebn2alwadi.blogspot.com/

    ردحذف
  8. الاخ احمد ..
    حياك الله وبارك فيك .. احاول ان افيد غيري كما افادني اناس آخرون كثيرا
    بالنسبة لكود وذكر ارى انك حصلت عليه في مدونتك

    وفقك الله

    ردحذف
  9. سلام......اشكرك وجزاك الله خير

    كنت ابحث عن طريقه من فتره واخيرا وجدتها

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

    استفسارصغير لاهنت ...انا اضفت لمدونتي

    شريط متحرك لكن كيف اغير المواضيع اللي

    فيه يعني امسحها واضيف مواضيع تهمني!!

    اريد الطريقه وكيف اضيف اكوادها..

    وايضا القالب فيه اشياءثابته مثل

    الالعاب وصحه كيف اغيرها....واكون

    شاكره.....وهذه عنوان مدونتي كي تتضح

    الصورة

    http://showgsmile.blogspot.com/

    ردحذف
  10. ناجي،،
    شكرا لك بكل لغات أهل الأرض
    منذ فترة وأنا أبحث عن طريقة
    رائعة لعرض الصور في المدونة
    ووجدت الحل عندك
    شكرا لك

    ردحذف
  11. العروة الوثقى ،،

    العفو اخي .. وانه من دواعي سروري انك استفدت من هذا الموضوع

    وبالتوفيق

    ردحذف