التخطي إلى المحتوى الرئيسي

المشاركات

عرض المشاركات من أغسطس, 2014

طريقة منع أصدقائك من رؤية المحتوى الذي تتم الإشارة إليك فيه؟

السلام عليكم و رحمة الله تعالى و بركاته , اذا كنت ممن لا يشجعون خاصية الtag في الفيسبوك فهذا الدرس مفيد لك لأن أصدقائك لن يرو المنشورات التي تم عمل لك تاج فيها فقد يقوم البعض بالاشارة لك في منشورات بها روابط دعائية بالتالي كأنه نشر على حائطك يعني أصدقائك سيرو أنك في ذالك المنشور و سيحصل هو على الزوار و المتابعين يعني كأنك ستعمل دعاية , كي لا أطيل الحديث أو شيئ أدخل لحسابك على الفيسبوك ثم اذهب الى اعدادت الحساب أو settings بعد ذالك انتقل من القائمة التي على اليمين الى تبويب اليوميات و الاشارة أو Timeline and tagging ثم انتقل الى تعديل ' كيف يمكنني إدارة الإشارات التي يضيفها الأشخاص واقتراحات الإشارات؟ ' التي ستجدها في الأسفل و قم بتغييرها من Friendsالى only me


طريقة جعل قالب متوافق مع جميع الشاشات { الحل 4 : اضافة قائمة متوافقة للمدونة }

بعد أن أتممنا الجزء الأكبر من سلسلة دروس جعل قالب متوافق مع جميع الأجهزة و الشاشات , اليوم سنبدء بالمقتطفات أو التعديلات الصغيرة و التي تزيد من جمالية القالب في الشاشات الصغيرة مثل الهواتف  . لذا قررت أن أخصص هذه المقالة لشرح كيفية الحصول على قائمة متجاوبة لموقعك، باستخدام تقنيتي الـ CSS3 و jQuery 
الطريقة سهلة جدا , أنا سأشرح طريقة اضافة قائمة متوافقة من الصفر و أنت يمكنك أن تستخلص طريقة جعل قائمتك متوافقة بتخصيصاتك 
أضف هذا كود الHTML التالي في المكان الذي تريد أن تظهر فيه القائمة 
<div id="navigation-dzpro">  <ul class="navigation">  <li><a href="www.dzprofessionale.com/">الرئيسية</a></li>  <li><a href="www.dzprofessionale.com/">قسم 1</a></li>  <li><a href="www.dzprofessionale.com/">قسم 2</a></li>  <li><a href="www.dzprofessionale.com/">قسم 3</a>  <ul>  <li><a href="www.dzprofessionale.com/">قس…

خطوط جديدة و احترافية جاهزة للاستعمال في المواقع

السلام عليكم و رحمة الله تعالى و براكته 
اليوم أحضرت لكم موقع يقدم خطوط عربية مرفوعة و جاهزة للاستعمال مباشرة في المواقع يعني لن تحتاج للتحميل ثم رفع الخطوط على استضافة .. الخ , ماعليك فقط هو الدخول الى الموقع الذي يقدم الخدمة : http://www.devnia.com/fonts/
ستجد واجهة بها خطوط متنوعة ماعليك الا البحث عن الخط الذي يعجبك ثم الضغط على " استخدام " و سيضهر لك كود الخط ما عليك الى وضعه تحت  <head> بعد ذالك تقوم بتغيير الخط الموجود في مدونتك باسم الخط الذي تريده , أنصحك بمشاهدة هذا الدرس للمزيد من الخطوط و طريقة تغيير الخطوط http://www.dzprofessionale.com/2014/04/Change-fonts-in-Blogger-Blogs-lines-to-beautiful-and-professional.html

طريقة جعل قالب متوافق مع جميع الشاشات { الحل 3 }

طريقة جعل قالب متوافق مع جميع الشاشات

السلام عليكم ورحمة الله تعالى و براكته ,في هذا الدرس الجديد من حلول لطريقة جعل قالب متوافق مع جميع الأجهزة و الشاشات سنتطرق الى الحل الأكثر استعمالا و هو عبر ال Media queries هذه التقنية تتم عبر ال css3 و مهمتها عمل تصميم متوافق Respansive web design ,

مثال

في المثال أعلاه يوجد تصميم بسيط متوافق مع جميع الشاشات , جرب تصغير نافذة المتصفح عند فتح المثال لترى كيف يتجاوب التصميم مع  عرض  نافذة المتصفح و نفس الشيئ سيفعله مع الشاشات الأخرى .
أولا , بما أن الMedia Queries تقنية من تقنيات css3 فعلينا كتابة أكوادها في مكان الcss سواء بين وسمي style أو b:skin في البلوجر .

@media screen and (max-width : 1280px) {/* CSS FOR NETBOOK AND DESKTOP ------------*/ }
@media screen and (max-width : 1024px) {/* CSS FOR TABLETS ------------*/ }
@media screen and (max-width : 768px) {/* CSS FOR SMALL TABLETS ------------*/ }
@media screen and (max-width : 640px) {/* CSS FOR IPHONE ------------*/ }
@media screen and (max-width : 480px) {/* CSS FOR MOBILES ------------*/…

طريقة جعل قالب متوافق مع جميع الشاشات { الحل 2 }

السلام عليكم و رحمة الله تعالى و براكته , اليوم ان شاء الله سنتطرق الى الدرس الثاني من حلول جعل قالب متوافق مع جميع الشاشات في هذا الدرس سأريك حل اخر لمشكلة توافق قوالب بلوجر مع جميع الشاشات ,هذا الحل يتمثل في اظهار أو اخفاء و بمعنى اخر تخصيص أكثر في أدواة البلوجر , فنعم يمكنك أن تقوم باخفاء و اظهار الأدواة في الهاتف و هذا من أجل تفادي بعض المشاكل حيث هناك بعض الاضافات التي لا تناسب الأجهزة الذكية 
فمنصة البلوجر وفرت بعض الاضافات في نسخة الهاتف (متوافقة مع نسخة الهاتف و الحاسوب و شاشات مختلفة) و التي هي : رأس الصفحة (Header)رسائل المدونة الإلكترونية (Blog Posts)AdSensالاسناد (Attribution)الملف الشخصي (Profile)طريقة اظهار أو اخفاء أدوات بلوجر في نسخة الهاتف 
الطريقة سهلة فماعليك الا الذهاب الى لوحة تحكم مدونتك ثم قالب ثم تحرير html بعد ذالك تبحث عن اسم الأدات التي تريد أن تخفيها أو أن تظهرها في الهاتف فقط ..

كما قمت بتسميتها بالضبط , بعد ايجادها سترى أنها في كود يبدء بوسم b:widget و هذا الوسم يدل على أن هذا كود خاص بأداة  عموما بعد ايجاد الكود و ملاحظة الوسم ستجد كود الأدات بهذا الشكل 

طريقة جعل قالب متوافق مع جميع الشاشات { الحل 1 }

السلام عليكم و رحمة الله تعالى و براكته , اليوم ان شاء الله سنتطرق الى الدرس الأول من حلول جعل قالب متوافق مع جميع الشاشات  فهو شيئ رائع أن يكون لك قالب متوافق مع جميع الشاشات , قالب خاص بك و قالب ذكي يستطيع الجميع أن يتصفحه من كل الأجهزة مثل الهواتف و ال TABLETS لذالك اليوم سنتطرق للحل الأول و هو عبر تفعيل خاصية ال pinch to zoom و هذه الخاصية تستعمل بكثرة في المواقع الاخبارية و هي تعنى قابلية التقريب والابعاد باستخدام أصابع اليد لتمكن القارئ من جودة أفضل للقراءة لتدويناتك والاطلاع على مدونتك بصورة أفضل .
بطريقة سهلة جدا و بكود واحد بسيط نستطيع توفير هذه الاضافة للزائر 
بعد الدخول الى لوحة تحكم مدونتك ثم الى قالب ثم تحرير HTML 
تقوم بالبحث عن الكود التالي 
</head> بعد ذالك نقوم باضافة الكود التالي فوقه 


<meta content='width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes' name='viewport'/>  و لتجربة تصفح موقعك عبر الهاتف أو التابلت أو مختلف الشاشات يمكنك معاينة هذا الدرس من هنا  http://www.dzprofessionale.com/2014/0…

تخصيص اضافة التسميات في البلوجر (لون فلات عشوائي لكل زر) عبر css

اليوم أتيتكم بتخصيص جميل على اضافة التسميات في البلوجر حيث أن هذه الاضافة تدخل امكانية جديدة في منصة البلوجر وهي التحكم الكامل في اضافة التسميات, التخصيص عبارة عن تلوين الأزرار أو أزار الأقسام بألوان فلات عشوائية يعني لكل زر لون و يتم هذا عبر كود css بسيط,
لذالك أول شيئ ستدخل الى: لوحة تحكم مدونتك ->  قالب  -> HTML تحرير 
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL + F).


</b:skin> ثم تقوم بوضع الكود التالي فوقه


/* Flat UI Labels Cloud By Www.dzprofessionale.Com ---------------- */ @import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css"; .sidebar .label-size { position:relative; text-transform: uppercase; text-decoration:none; font-size:13px; font-family:Droid Arabic Kufi; color:#fff!important; } .sidebar .label-size a { color:#fff!important; padding:8px 10px; margin:0 6px 6px 0; float:right; display:block; -moz-transition: all 0.4s ; -o-transition: all 0.4s; -webkit-transition: all 0.4s ; -ms-transition: all 0.4s ; transition: all 0.4s ;…

طريقة تشفير أكواد الجافا سكريبت

اذا كنت مبرمج javascript فبالتأكيد , تريد حماية أعمالك من السرقة , لهذا سأقدم لك اليوم طريقة لمنع المتطفلين من سرقة أكوادك الخاصة , عبر تشفيرها , و دمج مثلا كود تحويل تلقائي لموقعك أو كود حماية اخر , و بهذا أنت ستختار الأكواد التي تريد أن تقدمها للناس و التي تريدها أن تبقى لك أنت فقط , للتمييز , هناك العديد من المواقع التي تقدم خدمة التشفير , و الموقع الذي أستعمله أنا و يعمل بأفضل أحواله , هو  http://www.csgnetwork.com/directjsencoder.html الموقع سهل جدا في عمله و بسيط و واضح , فبعد الدخول للموقع  عبر الرابط فوق , ما عليك الا كتابة أكواد ال js الخاصة بك ثم الضغط على Encode لتضهر لك الأكواد مشفرة في الصندوق الذي في الأسفل 


المرجو , ترك بصمتك على الأقل . مع تحيات +Mortada Bach

كيف تتأكد أن موقع ما سقط حقا عند كل الناس أو أنت فقط لديك مشكل

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

طريقة انشاء رابط باللغة العربية

لعلك قد شاهدت من قبل أو لم تشاهد بعض المواقع تستعمل في نطاقاتها كلمات و حروف عربية . شيئ غريب أليس كذالك ؟ .  لكن نعم توجد هذه الخاصية الان لكن ليس بطريقة افتراضية أو بطريقة عادية  فيمكننا فعل ذالك عبر طريقة ملتوية و ذالك عبر تشفير الكلمات , لنستطيع وضعها في مكان الروابط . و لتقبلها الاستظافات , للاشارة يستعمل هذا التشفير لكل الكلمات بكل اللغات التي لا تستعمل في حروفها حروف فرنسية و انجليزية . وقريبا ان شاء الله ستتوفر امكانية انشاء روابط باللغة العربية دون الحاجة لتشفير الكلمات  و هذا شيئ رائع , لذالك يمكنك استعمال هذه الطريقة لتنشئ رابطك باللغة العربية مجانا و بسهولة . هناك العديد من المواقع التي تقدم خدمة التشفير لكن أنا ما أعجبني هو هذا الموقع حيث أنه مختص و بسيط . http://idna-converter.com/
يمكنك مشاهدة الحلقة لتعرف طريقة انشاء روابط باللغة العربية . 

موقع لضبط الخصوصية الخاصة بحساباتك على الشبكات الاجتماعية

لعل أهم ما قد يتسبب في اختراقك هو عدم ضبطك لخصوصية حساباتك على الشبكات الاجتماعية , و بضبطك لاعدادات الخصوصية لحساباتك على الشبكات الاجتماعية هذا قد يقلل نسبة اختراقك بشكل كبير , لهذا تم انشاء هذا الموقع موقع adjustyourprivacy.com
فهدف هذا الموقع حمايتك من الاختراق عبر الخصوصية , و عمله أن يسهل عليك الولوج الى  اعدادات الخصوصية لحساباتك في أغلب الشبكات الاجتماعية , فمباشرة بعد الولوج للموقع ستجد العديد من الأدوات التي من شئنها أن تساعدك في حماية حساباتك , 
فنبدء من تبويب ADJUSTYOUR PRIVACY SETTINGS 
من هذا التبويب يمكنك الدخول الى اعدادات الخصوصية لحساباتك

من تبويب CHECK YOUR PRIVACY
يمكنك أن ترى حسابك بصفتك شخص اخر و ليس بصفتك مالك الحسابك , للتأكد من تعديلاتك على الخصوصية

من تبويب TEST YOUR PRIVACY
يمكنك التأكد أكثر من خصوصيتك عبر البحث عن حسابك اذا كان مأرشف من طرف جوجل أو لا

و أخيرا من تبويب USEFUL PRIVACY TOOLS يمكنك استعمال بعض الأدوات الأخرى المفيدة في مجال الخصوصية 



كل ما يخص ال Font_icon - Font_Awesome

ماهو ال font icon
هو عبارة عن خط هذا الخط ليس مثل الخطوط الأخرى حيث هذا الخط به أيقونات هذه الأيقونات تستعمل في تصميم المواقع , ما يميزها عن الأيقونات الطريقة العادية لاضافة أيقونات في الموقع هي أنها سريعة التحميل , تستطيع التخصيص عليها الى أبعد الحدود من الحجم الى الألوان و كذالك لديك الاف الأيقونات لاستعمالها دون الحاجة للبحث عن الأيقونات ببساطة ال font icon تمكنك من التخصيص على الأيقونات مثل التخصيص على النصوص , و هي الان في طريق الشهرة و أصبحت أكثر استعمالا من الطريقة العادية لاضافة أيقونات للمواقع . 
هناك العديد من المكتبات التي تقدم لك أيقونات " الفونت أيكون " من بينها و التي أستعملها شخصيا هي مكتبة ال font_awsome هذه المكتبة تحتوي على أكثر من 439 أيقونة عالية الجودة . 
طريقة استعمال هذه التقنية .