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

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

لكن .. كيف أضيفها لموقعي ؟ .. هذا ما ستتعرف عليه الأن ^_^ ..

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

فكل ما عليك فعله هو التوجه إلى موقع المطورين على الفيسبوك و بالتفصيل إلى مكان الإضافة عبر هذا الرابط : اضافة صندوق اعجابات الفيس بوك .

الأن تابع الصور :)

[+][+][+][+][+][+][+][+][+][+][+][+][+][+][+][+]

انسخ الكود

[+][+][+][+][+][+][+][+][+][+][+][+][+][+][+][+]

توجه إلى Mise En Page

[+][+][+][+][+][+][+][+][+][+][+][+][+][+][+][+]

اختر المكان الذي تريد ظهور الإضافة فيه

[+][+][+][+][+][+][+][+][+][+][+][+][+][+][+][+]

[+][+][+][+][+][+][+][+][+][+][+][+][+][+][+][+]

رجاء انشرها لتشجعنا على مزيد العمل و نشر التدوينات و الإستفادة أكثر فأكثر :)

3 مواقع لعمل مقدمات فيديو إحترافية بإسمك أو لموقعك مجانا !

لديك موقعك الخاص و تبحث عن مقدمة إحترافية له ؟

لديك قناة على اليوتيوب , و تريد أن تحصل على إنترو تضعه في بداية فيديوهاتك مما يضفي احترافية على عملك ؟

نعم , كل هذا مجانا , و بدون أي خبرة أو معرفة ببرامج التصميم و المونتاج .

قبل أن تجرب المواقع , أدعوك بكل ود , لقراءة تدوينات أخرى قد تهمك ^^ :

5 مواقع لتحميل الأيقونات بجودة عالية !

التصميم المسطح : البساطة بطعم الإبداع

إذن إليك هذه المواقع :

flixpress : 

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

الأن , كل ما عليك فعله هو التعديل على القالب بكل سهولة عبر واجهة الموقع البسيطة و المفهومة .

ومن بعدها تحمل الفيديو .

لزيارة الموقع : موقع flixpress

introchamp :

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

يضم أكثر من 33 صفحة من الأمثلة .

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

ملاحظة : تحميل الفيديوهات من الموقع مدفوع , لكن يمكنك تحميلهم مجانا إذا كنت تتوفر على برنامج

Internet Download Manager , كونه سيظهر لك زر التحميل في أسفل الصفحة .

يمكنك تحميل البرنامج من هنا : تحميل IDM

لزيارة الموقع : موقع introchamp 

ivipid

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

بعدها ستظهر امامك صفحة التحميل .. يوفر لك الموقع امكانية التحميل بأكثر من قياسات , طبعا كلما كانت القياسات أكبر , كانت جودة الفيديو أفضل , لكن للأسف , للتحميل المجاني لا يمكنك إلا إختيار 480*270 فقط , يعني جودة متوسطة , إن كنت تريد أن تكون الجودة عالية , يمكنك إختيار إمكامية الدفع وتشتري ميزة الجودة العالية .

لزيارة الموقع : موقع ivipid

رجاء , غن كنت إستفدت من التدوينة أو أعجبتك , شاركها مع أصدقائك أو أنشرها على حساباتك على مواقع التاصل الإجتماعي لتعم الفائدة و تشاركنا بتعليق فذلك يشجعني على مزيد العمل و نشر التدوينات .. :)

اضافة تأثير تحميل المدونة لمدونات بلوجر

ما يميز شكل المدونة عن الأخرى , هي الإضافات و التعديلات و التميز و الإختلاف ..

إضافة تأثير تحميل المدونة لمدونات بلوجر , إضافة مميزة , خفيفة و لا تأثر في سرعة مدونتك كما أنها متوافقة مع جميع المتصفحات و الأجهزة.

إضافة إلى أنها تجعل الزائر مهتما أكثر من ذي قبل لقراءة التدوينة أو مشاهدة الموقع .. فلو كانت تحميل مدونتك بطيئا , فالزئر سيملّ
من الإنتظار أما صفحة بيضاء ..!

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

ابحث عن هذا الكود

فوقه مباشرة أضف هذا الكود :

الصورة الموجودة عند التحميل لم تعجبك ؟ لا يوجد إشكال إستعمل احد الصور التالية , فقط عوض : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiStCPgN6TOWwvdIf23Wk4S1X1zGYSX7IBkzONmaGM2PuWw1dU_enGhRBFB6IwT7E05m38fUDobdATzo5GUWe_-lLDhHfP1htrKZ1dishZtrG9Mu1V6rYZ3JhjN-lxEbU2zNhLCZlIj_jOJ/s1600/modawin-blogger4.gif

برابط الصورة التي تريدها ,

إليك الصور :

الرابط :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQRZWlhFbHjAoVpdZrYl_gyGRaOY1_5Az0FIJOC-wwQozH7GPSWJMfbd7FiPiE2aCK3a1BJtLuD8yZErh0d0SbCnK1BqqE_hOvZjJhGqgGQzZvQ3-MBkAR_sxzdKUSWggRwYi38MLaJ8V/s1600/modawin-blogger1.gif

الرابط

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBuBhQd4VRNmR-sdhmRARKi9vIb75WXuJmOcGds7P8LN3ylA4H15zFbpb4LuDsd9jNoORtDSfhjze1xJL6v9rJE6NsJ69n7a6uuoiTZhabJFLyJAVFTxKJW2dtkY_eBIZOTneZ-rRWqb5q/s1600/modawin-blogger2.gif

الرابط : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYaxyRyrq9QI-qlU2LVXctFzjVCdEO45e92b8FllqzVhtfL3OxhotKvWwqbJXxj3UOkiYUDFEE47Q1VUOOcX_KHm88QOAaurUQPlNHODjuVJT-Zxcr6hcD-BHsECjgdxnOSlTK9fb8-0PL/s1600/modawin-blogger3.gif

الرابط : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiStCPgN6TOWwvdIf23Wk4S1X1zGYSX7IBkzONmaGM2PuWw1dU_enGhRBFB6IwT7E05m38fUDobdATzo5GUWe_-lLDhHfP1htrKZ1dishZtrG9Mu1V6rYZ3JhjN-lxEbU2zNhLCZlIj_jOJ/s1600/modawin-blogger4.gif

5 مواقع لتحميل الأيقونات بجودة عالية !

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

موقع Iconfinder أعتبره الأفضل و أستعمله باستمرار عند البحث عن أيقونة , الموقع يضم أيقونات مجانية و اخرى مدفوعة , إختر منه ما تشاء .
بمجرد الدخول إلى الموقع , أكتب في محرك البحث التابع له كلمة مفتاحية تخص الأيوقنة التي تبحث عنها : مثال : Facebook .
ليقدم لك عشرات و مئات الأيقونات .
الموقع يضم أكثر من 400 ألف أيقونة إلى حد كتابة هذه التدوينة .

موقع Freepikمن أشهر المواقع عالميا في هذا المجال , يضم أيقونات عالية الجودة و ملفات PSD و شعارات جاهزة تحملها و تعدل عليها .
كما هو الحال مع موقع Iconfinder , بعد دخول الموقع , اكتب كلمتك المفتاحية في محرك البحث و اضغط search . ثم حدد خيارك من اعلى من All إلى icons .

موقع iconarchiveمن أكبر المواقع و اشهرها في البحث عن الأيقونات , يضم أكثر من 555 ألف أيقونة عالية الجودة .
كل ما عليك فعله هو كتابة كلمة ذات علاقة بالايقونة التي تريدها , و سيقدم لك الأيقونات .

موقع freeiconswebموقع لا يقل أهمية عن المواقع الأخرى المذكورة .. بنفس فكرة البحث ..
ستستفيد منه حتما .

موقع iconspediaبه العديد من الأيقونات بمختلف المجالات , استفد منه و استغله في البحث عن أيقوناتك .

إن أعجبتك التدوينة , لما لا تشاركها مع أصدقائك و تفيدهم ؟ :)

جوجل : تجاوب موقعك مع الموبايل يؤثر على ترتيب موقعك !

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

عامل جديد يضاف إلى قائمة العوامل المؤثرة على ترتيب موقعك في محرك البحث جوجل , تم إعتمادها حديثا و بدأ تطبيقها .

ألا وهو تجاوب الموقع مع الهواتف الجوالة .

و أكدت جوجل في البيان الذي نشرته , أن هذا التحديث سيؤثر كثيرا على نتائج البحث لدى مستعملي الهواتف .

كيف أعرف أن موقعي متجاوب ؟

جوجل فكرت فيك بأداتها البسيطة و الرائعة mobile-friendly .

واجهة الأداة سهلة حيث بمجرد الدخول , املأ الفراغ برابط الموقع الذي تود فحصه .

و من ثم الضغط على "تحليل" أو "analyser" .

كما هو موضح بالصورة :

و بعد بضعة ثواني سينتهي الفحص و تظهر لك النتيجة .

هذه نتيجة فحص مدونة مدون بلوجر :

النتيجة تؤكد أن الموقع متجاوب مع الهواتف النقالة , إذن هو mobile-friendly !

جرب فحص موقعك الأن !

هل لك وجدت نفس النتائج ؟

إن كان جوابك نعم : مبروك , و ستلاحظ تحنا في ترتيب موقعك في جوجل

إن إستفدت من المقالة , لم لا تشاركها مع أصدقائك ؟ أزرار المشاركة أسفل التدوينة . ^^

إضافة زر الصعود إلى أعلى في بلوجر و على ذوقك !

إن كنت مدون , فمن الظروري النظر إلى موقعك من جانبك كزائر و متابع للمدونة , لا كصاحبها أو كناشر فيها .

و بالتالي عليك توفير أفضل الإضافات و إستعمالها في موقعك مما يجعل تصفح موقعك أسهل و أريح للمتابعين .

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

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

طريقة التعديل :

بإمكانك تغيير شكل السهم و اختيار أحد النماذج التالية عبر البحث عن :

و تغييره برابط أحد الصور التالية .
(إضغط على الصورة و ستجد الرابط المباشر لها )

نموجذ 1

نموذج 2

نموذج 3

نموذج 4

ممتاز , الأن لم يتبقى إلا التركيب :

طريقة التركيب :

قم بنسخ الكود النهائي بعد التعديل عليه .
- توجه نحو لوحة التحكم الخاصة بك في بلوجر .
- تخطيط .
- إضافة html / javascript

و أخيرا قم بلصق الكود هناك و تمتع بالإضافة في موقعك !

لا تنس أن تشاركنا بتعليقك و تشجيعك :)
أي إستفسار او مشكلة , لا تتردد في طرحه هنا أو في صفحة الفيسبوك :)

(أزرار مشاركة المقالة أسفل التدوينة)

للمصممين : 3 مواقع للحصول على ألوان فلات

لعل أبرز ما يفكر فيه المصممون و مطورو المواقع في أعمالهم إنتقاء و إختيار ألوان لأعمالهم لم له من أهمية كبرى على نتيجة العمل .

و بما أن التصميم المسطح flat design من أبرز الأساليب المعتمدة في التصميم و يسيطر على أعمال المصممين لجماله و بساطته 

(لا تعرف ماهو التصميم المسطح ؟ :) تعرف عليه من هنا : التصميم المسطح : البساطة بطعم الإبداع ).

فإن المصمم عليه أن يكون دقيقا في تحديد ألوانه .

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

(hex color / rgb color)

وهذه قائمة بأفضل المواقع التي ستستفيد منها :

1 - flatcolors

حسب تجربتي , أعتبره الأفضل في مجاله , واجهة الموقع بسيطة و إستعمال الموقع سهل .

كل ما عليك فعله , هو إختيار اللون الذي تريد إستعماله و من ثم تنسخ الكود الموجود فوق اللون .

موقع flatcolors

2- flatuicolors

لا يقل روعة عن الموقع الأول .

إختر اللون المراد إستعماله , إضغط عليه , و سيتم نسخ الكود بطريقة تلقائية .

إضغط على CHOOSE FORMAT لمزيد من الخيارات .

موقع flatuicolors

3- flatuicolorpicker

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

موقع flatuicolorpicker

أم الأن فلم يتبق لك إلا أن تنسق ألوانك ! :)

التصميم المسطح : البساطة بطعم الإبداع

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

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

شاهد هذه الصورة و ستلاحظ الفرق بنفسك ,(التصميم المسطح على الجهة اليسرى)

التصميم المسطح غالبا ما يقوم على لونين أو 3 و على ألوان معينة , يمكنك الإستعانو بهذا الموقع للحصول على ألوان فلات :موقع ألوان فلات 

كما أنه يتجرد من كل أنواع التأثيرات ثلاثية الأبعاد .

تحديث : صندوق الإعجابات الخاص بالفيسبوك لن يتم اعتماده مستقبلا ! و هذا هو البديل

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

و على أساس إيجاد بديل لهذه الإضافة التي تستخدم في الملايين من المواقع , طرح الفيسبوك إضافة جديدة تسمى بـ Page Plugin .

بنفس خصائص الإضافة السابقة , لكن بتصميم جديد .

و نظرا لأهمية هذه الإضافة , التي تقرب المتابعين من المدونة و حساباتها على الشبكات الإجتماعية , سنتعرض لشرح الإستفادة منها في مواقعنا .

كل ما عليك فعله هو البحث في هذا الكود عن : https://www.facebook.com/modawin.blogger
و تغيره برابط صفحتك على الفيسبوك

لتقوم بتركبه كأي إضافة أخرى عبر : 

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

إضافة أدات html/javascript

لصق الكود

حفظ 

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

data-show-posts="false"

عند تغيير false بـ true , ستظهر الإضافة المنشورات في الصفحة تحت صندوق الإعجابات.

data-hide-cover="false"

عند تغيير false بـ true , سيتختفي غلاف الصفحة من الإضافة

data-height="250"

لتحديد طول الإضافة

data-width="300"

لتحديد عرض الإضافة