كيفية تغيير صور القالب slider ؟



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



هناخد مثال على مدونة  << ربي اغفر لي >> عاوزه اغير الصور اللي عليها لصور تانيه :



افتح المدونة المطلوبه ثم كليك يمين على الصورة واختار حفظ الصورة باسم او save image as :






هتلاقي الصورة اتحفظت على الجهاز كليك يمين عليها واختار properties  :






اضغط على Details هتلاقي Dimension ابعاد الصورة 615*300 خليك فاكر ابعاد الصورة كام ؟ 615*300





المطلوب هو احضار صورة زهور ابعادها 615*300 اي صورة عاوزها المهم تكون بنفس المقاس لانها لو اكبر او اصغر html مش هيستجيب 
افتح اي محرك بحث وليكن جوجل اكتب فيه : Flower 615*300 واضغط Enter من الكيبورد :





ثم اضغط على صور :





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





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





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

هذا هو الرابط المطلوب :
http://beacont.com/wp-content/uploads/2014/01/amazing-valentines-day-table-settings-with-lovely-pink-and-red-flowers-615x300.jpg




افتح المدونة وكليك يمين على الصورة المطلوب تغيرها واختار فتح الصورة في علامة تبويب جديده :








هذا هو الرابط :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ua4UF6VH_hbuYYpj5upnNVA3H3jloE4PyI6A52qWkcJA6PPd0mG1FX1-f8oDzI60SE7_46C59Ttu3z8cvfZbW30cM3jPzUg_x6ln-kip-QKqDTnCoorXeB2-Zg6kZXVZh8ePL2e2_3I/s0/5.jpg




افتح بلوجر ثم من السهم اختار قالب :







ثم اختار تحرير HTML :





اضغط بالماوس على اي مكان فاضي في مربع تحرير HTML :






ثم من الكيبورد اضغط على : Ctrl مع F :






هيتفتح مربع بحث الكلمات :





الصق رابط الصورة اللي عاوز تغيرها انت نسخته من شوية اللي هو دا :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ua4UF6VH_hbuYYpj5upnNVA3H3jloE4PyI6A52qWkcJA6PPd0mG1FX1-f8oDzI60SE7_46C59Ttu3z8cvfZbW30cM3jPzUg_x6ln-kip-QKqDTnCoorXeB2-Zg6kZXVZh8ePL2e2_3I/s0/5.jpg

ثم اضغط من الكيبورد على Enter هتلاقي الرابط ظهر متحدد بالاصفر :
ولو مظهرش حاجه يبقى احذف http://4.bp.blogspot.com/- من الرابط واضغط Enter تاني هيظهر :





حدد رابط الصورة كامل من اول http:// لحد jpg بالظبط :





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

http://beacont.com/wp-content/uploads/2014/01/amazing-valentines-day-table-settings-with-lovely-pink-and-red-flowers-615x300.jpg

ثم اضغط على حفظ النموذج ثم اضغط على عرض المدونة علشان تشوف التغيرات اللي حصلت :





هتلاقي الصورة الجديده بقيت مكان الاولى ↓↓↓ :


وكرر نفس الخطوات مع باقي الصور مع العلم ان الصور كلهم ليهم نفس الابعاد ابدأ باخذ الروابط وتبديلها مباشرة :)




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


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

نزل الصورة اللي عجبتك من الانترنت الى الكمبيوتر
ثم حمل الصورة من الكمبيوتر الى الموقع
ثم علم صح على الاختيار  Custom واكتب في المربعين الابعاد بتاعة الصورة
ثم اضغط على : Generate gif هتلاقي الصورة ظهرت بالابعاد المطلوبه نزلها الى جهازك زي اي صورة


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

القالب بيقبل الصور gif , png , jpg و ....






ملاحظة اخيره : لو كنت عاوز تعمل صورة بنفسك بابعاد معينه ترسمها او تكتب عليها مثلا :
افتح برنامج Paint 





ثم من قائمة File اختار Properties  :





ثم اختار Pixels واكتب ابعاد الصورة ثم OK :





هتلاقي لوحة رسم بيضاء بنفس المقاسات ظهرت :





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

الدرس القادم ان شاء الله ناخد طريقة تغيير الكلام اللي على الصور العنوان والنص 


هناك تعليق واحد: