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

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

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

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

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

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

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

انسخ الكود

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

توجه إلى Mise En Page

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

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

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

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

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

لمن يستعمل محررات برمجة تقليدية و غير احترافية، هذه بعض البدائل !

يبدو أن الكثير من المبرمجين مستعملي المحرر الشهير notepad++ و خاصة العرب , أبدوا نفورهم الكلي و حذفوا المحرر بعد مساندة الشركة جريدة ' شارلي ايبدو' التي نشرت مسبقا صورا و تجسيدا للرسول عليه أفضل الصلاة و السلام .. 
و إطلاقها نسخة "Notepad++ je suis charlie" مما استفّزهم و دعاهم إلى اطلاق حملة  مقاطعة للمحرر و كل منتوجات الشركة .

  و لكن بعد حذف المحرر وجد الكثير مشكلة و هي : ماهو  معوض نوتباد++ ؟

أقدم لكم اليوم 5 من أفضل المحررات التي ستغنيك عن إستعمال المحررات التقليدية و البدائية .. اختر منهم ما تشاء و حمله .

brackets editor 

شد إنتابهي تصميم البرنامج البسيط و المرونة و السهولة في استعماله .

البرنامج مجاني و مفتوح المصدر من برمجة العملاق "أدوبي" Adobe .. تم نشر أول نسخة من البرنامج في الرابع من نوفمبر 2014 .
بتركيز شديد على برمجة الويب (خاصة html / js/css).
و يمكنك إستعماله ان كنت من مستعملي الويندوز , الماك و اللينكس !

لتحميل البرنامج : تحميل brackets
صورة للبرنامج :

phpstorm

من برمجة شركة JetBrains .
من ميزات البرنامج أنه يعلمك بالأخطاء إن تم إرتكابها في الشيفرة البرمجية بتصميم إحترافي و منظم .
البرنامج مدفوع , لكن يمكنك تحميل النسخة التجربيبة من الموقع الرسمي .
البرنامج قد يكون بطيئا عند مستعملي الحواسيب التي لا تتميز بكفائة عالية.
لتحميل البرنامج : تحميل phpstorm
صورة للبرنامج :

adobe dreamweaver
العملاق دريمويفر التابع لشركة "أدوبي" , أحد أشهر المحررات البرمجية .
يمكنك تحميل أي نسخة من البرنامج (البرنامج مدفوع لكن يمكنك البحث عن تفعيل للبرنامج) .
لتحميل البرنامج : تحميل dreamweaver
صورة للبرنامج :

Aptana Studio
 بيئة تطوير متكاملة يسهل كتابة الشيفرة البرمجية .
لتحميل البرنامج : تحميل aptana
صورة للبرنامج :

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

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