ارشيف يوليو 2013

الإشتراك في مطورين الفيس بوك للحصول على إنشاء التطبيقات

Published on 11:13 م By Rafat

الإشتراك في مطورين الفيس بوك للحصول على إنشاء التطبيقات

السلام عليكم ورحمة الله وبركاته

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

ملاحظة : الشرح يقتصر على من لم يشترك من قبل في تطبيقات الفيس بوك بمعنى انك لو ذهبت الى الرابط الذي سأضعه و وجدت مكتوب Create New App فهذا يعني أنك اشتركت من قبل ولا تكمل الشرح.

قُم بالذهاب إلى هذا الرابط من هنا وتابع الصور..

ستجد زر بهذا الشكل إضغط عليه

ضع علامة في هذه الخانه المظللة بالاصفر ثم إضغط متابعة

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

أدخل رمز التأكيد ثم إضغط تأكيد

إضغط متابعة

انظر هذه الصورة جيداً وحدد التطبيقات التي ستقوم بإنشائها والافضل ان تحدد مثل ما هو أمامك ثم إضغط متابعة

إضغط Done وبهذا تكون قد إشتركت في تطبيقات الفيس بوك لسهولة إنشاء التطبيقات

انتهى درسنا والى اللقاء في درس قادم

0 التعليقات:

إنشاء صفحة على الفيس بوك للمدونة الخاصة بك او لأي غرض

شروحات مواقع

Published on 7:35 م By Rafat

0 التعليقات

إنشاء صفحة على الفيس بوك للمدونة الخاصة بك او لأي غرض

السلام عليكم ورحمة الله وبركاته

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

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

اختر الإختيار المحدد شركة او منظمة أو مؤسسة وذلك بالضغط عليها.

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

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

إضغط على التحميل من جهاز الكمبيوتر واختر شعار مدونتك ثم إضغط التالية

إضغط على إضافة إلى المفضلات ثم إضغط التالية

اضغط على تخطي

ومبروك عليك الصفحة الآن قُم بتعديل بيانات الصفحة بإضافة معلومات عنك وعن المدونة

والى هنا ينتهي الشرح

السلام عليكم

0 التعليقات:

صندوق إقتباس أكثر من رائع لمدونات بلوجر

شروحات بلوجر

Published on 5:01 م By Rafat

0 التعليقات

صندوق إقتباس أكثر من رائع لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته

اليوم أضع لكم صندوق أقتباس رائع بل و أكثر من رائع ويمكنك تخصيصه كما يحلو لك

هذا هو شكل الصندوق

كود

blockquote {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb463mt9pcSO6EztpgrFp7-3VAvgEJEJMDg2VWWea2qxGYYwbHrH8LgOfRCFVf688gRuJG6qeMwajRh07Hm4YXUGYEdmxyIeHdFj-luO_Kkwyzc3qMAQ4AlRjj6s6mclflLAvnX3TX0Q0/s1600/blockquote-bg-img.png") no-repeat scroll 28px 11px #BFEEFF;
border-left: 3px dotted #FAFAFA;
font-family: 'Courier New',Courier,monospace;
font-style: italic;
margin: 16px 19px 0;
padding: 15px 5px 10px 28px;
}

لتخصيص الصنوق كما يحلو لك .. ما ظلل بالازرق هو رابط الصورة علامة التنصيص.. ما ظلل بالوردي لون الخلفية.. ما ظلل بالاحمر لون حدود الصندوق .. ما ظلل بالاخضر هو نوع الخط ويمكنك تغييره من خلال البحث عن كلمة font-family: وأخذ نوع الخط الذي يليها

أما عن طريقة تركيب الكود فهو مشروح في هذا الموضوع على هذا الرابط

إلى هنا ينتهي درسنا .. اترككم في رعاية الله

0 التعليقات:

كيفية إدراج الأكواد داخل الموضوعات في بلوجر

شروحات بلوجر

Published on 2:02 م By Rafat

0 التعليقات

السلام عليكم ورحمة الله وبركاته

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

أولاً قُم بالذهاب إلى هذا الرابط من هنا سوف تجد نافذة كما بالصورة التالية ..

في هذه الخانة الفارغة ضع الكود المراد تحويله ثٌم إضغط هنا لتحويل الكود

وهذا شكل الكود قبل التحويل..

وهذا شكل الكود بعد التحويل

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

ولمعرفة المزيد حول زر اقتباس يرجى زيارة هذا الموضوع من هنا

وبهذا ينتهي موضوعنا والى لقاء آخر ان شاء الله

0 التعليقات:

شرح زر الإقتباس لتحديد نص معين أو كود في صندوق مخصص

شروحات بلوجر

Published on 5:49 ص By Rafat

0 التعليقات

شرح رز الإقتباس لتمييز النصوص و الأكواد

السلام عليكم ورحمة الله وبركاته

زر الأقتباس

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

أمثلة على صناديق الإقتباس

الكود

.post blockquote {
overflow:auto;
max-height:250px;
background:#F8E2D2;
color:#000;
border-left:20px solid #e33a20;
border-radius:20px;
margin:10px;
padding:10px;
}

ما ظلل بالاحمر هو لون الخلفية.. ما ظلل بالوردي لون الخط.. ما ظلل بالأخضر هو لون الشريط الأحمر الجانبي

الصندوق الثاني

الكود

.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #000000;
color : #FFFFFF;
border: 5px dashed #fff;
}

ما ظلل بالأحمر هو لون الخلفية.. ما ظلل بالوردي هو لون الخط.. ما ظلل بالأخضر هو حدود الصندوق

الصندوق الثالث

الكود

.post blockquote {
position: relative;
z-index: 50;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Fe2o6BV_eHRn-TnmDySuqunk1BJI6b9Lbb2lt4Yjx5rov2Huy1RwOdALbEqzo5WEnQO0MftNuWZ0BBJvFUaso6UwqbbRyFfr6eWsOj6J1Bsx-XF7Zx8xNhmNYYdOhU_wZL3G4TD3rqA/h120/bq3.gif) top left repeat;
border:1px solid #999;color:#000;
display:block;
font-family:'Droid Sans',DroidKufi-regular,DroidKufi-regular,sans-serif;font-size:13px;
line-height:18px;
margin:10px 0 10px;
padding:18px 10px 17px;
overflow:auto;
max-height:250px;
}

ما ظلل بالأزرق هو صورة صغيرة وهي عبارة عن اللونين الاصفر والرصاصي.. ما ظلل بالوردي لون الخط

الصندوق الرابع

الكود

.post blockquote {
overflow:auto;
max-height:250px;
border: 1px dashed #51F84E;
margin: 10px;
padding: 10px 10px 10px 60px;
background: #D2FDD1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn5oNeMcvt2gcl-arCzaQJzOFzJFrOi9bXWY-49_uL0UDhcGLzTzx7tKhSBE6s6Cz0vJdtEsoFMDLsB75ku_1U8AcRJI2VVtM2qWIxhePuLIzqf1ZQVii0w2_kO1jKL6zA3Tnk83_0Ac8/h120/30-07-2013+12-52-35+%D9%85.png) no-repeat;
background-position:20px 10px;}

ما ظلل بالازرق هو رابط الصورة الصغيرة في الزاوية.. ما ظلل بالوردي لون حدود الصندوق.. ما ظلل بالاحمر لون الخلفية

الصندوق الخامس

الكود

.post blockquote {
background: #E4F6F8;
margin: 0 25px 15px;
padding: 10px 20px 10px 15px;
border: dotted 2px #51C4D5;
overflow:auto;
max-height:250px;
-webkit-box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);
-moz-box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);
box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);
}

ما ظلل بالاحمر هو لون الخلفية.. ما ظلل بالوردي لون حدود الصندوق

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

أبحث عن

.post blockquote

واحذف الكود بأكمله وقد تجده بهذا الشكل

.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0}

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

]]></b:skin>

ثم ضع كود الصندوق فوقة مباشرتاً هكذا

.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #000000;
color : #FFFFFF;
border: 5px dashed #fff;
}
]]></b:skin>

اترككم برعاية الله

0 التعليقات:

شرح صندوق التدوين بالتفصيل في بلوجر

شروحات بلوجر

Published on 10:25 م By Rafat

0 التعليقات

الدرس الماضي انتهى على اننا دخلنا الى صندوق الأدوات لبدء التدوين واليوم إن شاء الله سوف نشرح كل خصائص صندوق الأدوات بالترتيب فكونوا معنا واعطونا انتباهكم.. كالعادة ^_^

بعد الدخول الى التدوين يكون الوضع هو تأليف وهي الصفحة العادية التي تكتب فيها فمثلاً لو أردت أن تضع صفحة منثقة بصيغة HTML فسوف تختار الوضع HTML وهذا مثال لشكله ...

----------------------------------------

هذا إن أردت التراجع خطوة للخلف .. فمثلاً وضعت صورة وتريد إزالتها فيمكنك الضغط على تراجع من خلال هذا الزر

----------------------------------------

هذا لإختيار نوع الخط هكذا

ميني سوفت

----------------------------------------

هذا لإختيار حجم الخط هكذا

ميني سوفت

----------------------------------------

اما هذا نفترض اننا كتبنا موضوع بعنوان بدء التدوين , في اول الصفحة أكتب العنوان وظلله ثم اضغط على كلمة العنوان

ليبقى مميز في أعلى الموضوع هكذا..

----------------------------------------

لجعل الكلمة ذو خط عريض هكذا

ميني سوفت

----------------------------------------

لجعل الكلمة مائلة هكذا

ميني سوفت

----------------------------------------

لوضع خط تحت الكلمة هكذا

ميني سوفت

----------------------------------------

لوضع خط على الكلمة هكذا

~~ميني سوفت~~

----------------------------------------

هذا لإختيار لون آخر للجملة هكذا

ميني سوفت

----------------------------------------

لوضع لون خلف النص هكذا

ميني سوفت

----------------------------------------

إذا أردت وضع رابط ولكن تريد عرضه ككلمة وليس الرابط كامل فاكتب وليكن Google ثم ظللها واضغط على الارتباط ثم انظر

رقم واحد هي الكلمة التي كتبناها وظللناها ويمكنك تغييرها إن أردت , رقم أثنين هو الرابط المراد الوصول اليه , ثم اضغط موافق

----------------------------------------

اما هذا الشكل فهو لإدراج صورة بالموضوع وعند الضغط عليه يظهر لنا هذا الصندوق

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

----------------------------------------