السلام عليكم ورحمة الله وبركاته
سأشارككم اليوم تدوينة هامة جدا لأصحاب المواقع والمدونات، إنها المتعقلة بإنشاء أرشفة لصفحات موقعك أو مدونتك لتظهر في محركات البحث
الثلاثاء، 1 سبتمبر 2015
الاثنين، 24 أغسطس 2015
أفضل خمس برامج تحرير اكواد html ولغات البرمجة الأخرى مجانية وسريعة
ليست هناك تعليقات:
التسميات:
html
التسميات:
html
السلام عليكم ورحمة الله وبركاته
اليوم سأقدم لكم افضل خمس برامج تحرير اكواد html ولغات البرمجة الاخرى ، وهي برامج مجانية وسهلة الاستخدام وسريعة
الخميس، 13 أغسطس 2015
السلام عليكم ورحمة الله وبركاتهاليك هذا الكود الرائع والبسيط
من الخصائص الجديدة والرائعة في تقنية css3 خاصية chadow والتي تمكنك من عمل تأثير ظل للنص باللون الذي تريده وبالمقدار الذي تحدده
text-shadow: 6px 6px 6px #000000;
اسم الخاصية :text-shadow
مقدار الظل : ضع القيمة التي تريدها بالبكسل
اللون : أضف لون الظل الذي تريده
دعم المتصفحات
Google Chrome
Safari
FireFox
Opera
الثلاثاء، 11 أغسطس 2015
منذ عدة أعوام كان المصممون يستخدمون الجداول في تصميم الهيكل العام لصفحات الانترنت ، لكن مع التقدم الهائل والسريع في لغة html لم يعد المصممون بحاجة إلى ذلك، وأصبحت وظيفة الجداول مقتصرة على عرض البيانات الاحصائية التي تريد أن تعرضها على صفحتك على الانترنت، وعملية انشاء جدول ليست بالامر الصعب، إنما هي مجموعة وسوم ثابتة تضيف بداخلها المحتوى الذي تريد عرضه، دعنا نتعلم تلك الوسوم وتطبيق عملي عليها من خلال هذا الشرح البسيط في الفيديو التالي
الفيديو مسجل بدقة hd فقط اضغط على علامة الترس يمين الفيديو وارفع دقة الجودة إلى 720، مشاهدة ممتعة ومفيدة ان شاء الله.
الثلاثاء، 4 أغسطس 2015
لعلك سمعت هذا المسمى j query لكن الامور اختلطت عليك هل هي لغة مستقلة كلغات البرمجة أم تقنية كتقنية css ، دعني أختصر عليك الطريق، فـ j query هي إحدى مكتبات java script
هي باختصار مجموعة اكواد جافا سكربت جاهزة لعمل أداء محدد يتطلب تنفيذها بالجافا سكربت كتابة عشرات وربما مئات الأسطر من الأكواد، يمكنك تنفيذها بسطر كود واحد من مكتبة j query ، بل إنك بإمكانك استدعاؤها أكثر من مرة لتنفيذ نفس المهمة دون الحاجة إلى كتابة عشرات الأسطر من اكواد الجافا سكربت لذا كان شعارها واضح وبسيط
write less , do more
أكتب أقل و إعمل أكثر .
تتميز مكتبة الـ جي كويري JQuery بأنها
من أفضل الأشياء التي أضافتها مكتبة جي كويري لتصميم المواقع هو تحليلها للاستمارات المعبأة قبل ارسالها والطلب من المستخدم تعديلها في حالة وجود خطأ ما ، يمكن تحقيق نفس النتائج بإستخدام لغة الجافاسكربت ، و لكن مع الثأثيرات التي توفرها الجي كويري تصبح الإستمارات في غاية التفاعلية و الجمالية .
- مفتوحة المصدر
- صغيرة الحجم
- مكتوبه بلغه الجافا سكريبت
- سهلة اجتياز العناصر في مستند HTML
- مبنيه لتتعامل مع كافة المتصفحات
- قدرتها على التعامل مع مكتبات اخرى
- توفير كم هائل من الاضافات التي تعمل بالاعتماد عليها
أما قصة بدايتها فهي نتاج عمل رجل واحد ، مبرمج جافا سكربت منقطع النظير كما عُرف ، بدأ هذا الرجل بصياغة المبادئ الأولى للغة جي كويري سنة 2006 ، إسمه John Resig . منذ 2006 ، كان John Resig قائد مشروع الجي كويري ، و لا زال إلى الان يشرف على هذه اللغة ، كان يعمل لدى شركة موزيلا كمبرمج جافاسكربت .
نشر John Resig لغته تحت ترخيص Mit و GNU GPL : و هما ترخيصان حران ، و هذا يعني أن أي شخص يمكنه إستخدام لغة الجي كويري كما يريد ، ناهيك عن أنه يستطيع تطويرها و تحسينها . و هذا ما ساعد على ظهور عدة إصدارات من هذه اللغة .
ومع التطور اليومي في مجال تطوير المواقع تواكب مكتبة الجي كويري هذا التطور وتساهم فيه بسرعة كبيرة فقد تجد إصدارات جديدا للجي كويري يخرج للوجود ولم يمر على الاصدار الذي يسبقه شهرين فقط
هذه مقدمة تعريفية عن مكتبة جي كويري وهذا شرح خطوات تنزيل المكتبة فيديو
الجمعة، 31 يوليو 2015
* أنت قادر على النجاح إذا فكرت في النجاح !؟
النجاح يكمن في الإرادة، والاعتقاد بإمكانية تحقيق النجاح فالنجاح يعني تحقيق عدة أشياء إيجابية تسعدنا وتشعرنا بالارتياح والاطمئنان .
س/ كيف تقوي بداخلك القدرة على النجاح ؟...
1. فكر في النجاح وآمن بإمكانية تحقيقة : تصرف من منطلق التفكير بالنجاح
2. اعتز بنفسك : آمن بقدراتك واقتنع بذاتك وذكر عقلك بأنك أفضل مما تعتقد .
3. تصور نفسك كبيرا : إن الأهداف والخطط الكبيرة ليست أصعب في تحقيقها من الصغيرة .
عالج نفسك من مرض الفشل !؟
ميكروبات الأعذار الدائمة وراء كل فاشل عذر أو مجموعة أعذار فأعذار الفاشلين : تعلل بالحالة الصحية، أعذار نقص الكفاءة العقلية، أعذار السن،
أعذار الحظ السيئ.......... ما أكثر الأسباب وما أيسر العلاج .... ابدأ من الآن
ارفض التحدث عن صحتك
ارفض ان تتأسف على صحتك
كن راضيا بصحتك كما عليه
ذكر نفسك دائما بالرغبة في الاستمتاع بالحياة
لا تقلل من شأن قدراتك العقلية ولا تبالغ في وصف الآخرين بالذكاء
من القدرة على مجر تذكر الحقائق
تذكردائما أن القدرة على التفكير ذات أهمية أكبر
ذكر نفسك دائما بالموقف الإيجابي
تقبل عمر الحالي بإيجابية كبيرا أم صغيرا
احسب مقدار سنوات الإنجاز من عمرك
استثمر ما تبقى من عمرك فيتحقيقما كنت تحلم بتحقيقة
لا تكتف بأن تتمنى النجاح
&تمسك بمبدأ السبب
1 – الفعل يعالج الخوف (حدد سبب خوفك وافعل شيئا لعلاجه)
2 – اشحن ذاكرتك بالأفكار الإيجابية
3 – ضع الناس في قدرهم الحقيقي
4 – افعل ما تراه بعقلك صحيحا
5 – افعل ما يدل على ثقتك بنفسك لتكتسب تدريجيا تفكير الإنسان الواثق : * كن الجالس في المقدمة * ركز نظرك اثناء المحادثة * زد سرعتك في المشي *ابتسم
& التفكير على طريقة الناجحين :
1 – لاتبع نفسك رخيصا فأنت أفضل مما تظن
2- ضع في رأسك قاموس الناجحين استخدم كلمات كبيرة مضيئة هادفة مثمرة وتجنب الكلمات السلبية
3- كن بعيد النظر ولا تكتف برؤية ما عند قدميك
4 – اجعل لعملك قيمة فاسع لتحقيق خطوات أفضل على طريق العمل
5 – اجعل تفكيرك يتقاضى عن التفا هات. ركز تفكيرك على تحقيق الأشياء الكبيرة المهمة
& شغل مخك وتعلم التفكير المبدع :
• التفكير المبدع هو : اكتشاف طرق جديدة أو محسنة لأداء أي شئ
1 – صدق إمكانية حدوث الشيء الغي كلمة مستحيل.. لايمكن.. لن تفيد..
2 – لا تدع الروتين أو المألوف يشل قدرة عقلك على التفكير كن مجربا لأشياء جديدة.. تقدم في عملك
3 – اسأل نفسك يوميا (كيف يمكن أداء العمل بصورة أفضل؟)
4 - اسأل نفسك (كيف يمكنني أداء المزيد؟)
5 – وسع مداركك اجعل عقلك في حالة تهيؤ دائم لأفكار جديدة
& انتبه : تفكيرك يحدد تقديرك :
1 –اظهر بمظهر الرجل المهم ليقول مظهرك أشياء ايجابية عنك
2 – اشعر بأهمية عملك ليعطيك أهمية تجاه نفسك ويحفزك على ألأداء الأفضل
3 – حفز نفسك يوميا على النجاح واشعر انك على القمة حتى تستطيع الوصول إليها
4 – اسأل نفسك ( هل يفكر الرجل الناجح بهذه الطريقة؟)
& أعط عقلك الغذاء المناسب يعطيك النجاح
1 – كن متيقظا لتأثير البيئة على عقلك
2 – لا تدع القوى المحبطة تثنيك عن الإنجاز لن تستطيع عمل هذا.. انك إنسان حالم..
3 – خذ النصيحة دائما من الناجحين
4- ابحث عن أصدقاء جدد وعلاقات ايجابية تحفزك على النجاح
5 – تجنب المحادثات السلبية ولا تتحدث عن الآخرين إلا بالإيجاب
لتكن من الناجحين حسِّن موقفك تجاه الآخرين :
1 – كن متحمسا نشطا ( اضف الحيوية لما تفعله. انقل الأخبار السارة . )
2 – احرص على إشعار الآخرين بأهميتهم( إظهار التقدير في كل مناسبة . ادع الناس بأسمائهم) قدما دائما العطاء والخدمة على التفكير
& اكسب الناس لتكسب النجاح :
1 – احرص في سياستك تجاه الآخرين أنتكسب حبهم وتأييدهم حتى يرفعوك إلى النجاح
2 – كن دائما البادئ بالتعرف على الآخرين وكسب الأصدقاء
3 – اجعل مخك كبير وتقبل بصدر رحب الاختلافات والمتناقضات بينك وبين الآخرين ولا تلعب دور الناصح
4 – وجه مخك دائما لاستقبال الموجة الموجبة لتتعامل مع الناس وفق أفكار ايجابية تدفعك للنجاح
5 – شجع الآخرين على التحدث اليك
& كن ممن يفعلون أكثر مما يقولون:
1 – كن الرجل الذي يفعل... ولا تماطل ولا تتعلل
2 – لا تنتظر حتى تتحسن الظروف و إلا ستنتظر إلى الأبد
3 – توقع حدوث مشكلات وصعوبات تعوقك عن مهمتك اعمل على حلها
4 – الأفكار لا تكفي نفذ أفكارك
5 – اعتمد على الفعل كعلاج للمخاوف واكتساب الثقة بالنفس
6 – لا تنتظر حتى تأتيك الفكرة الملهمة وإنما حرك الإلهام بعقلك عن طريق الفعل
7 – فكر دائما من منطلق الآن ولا تلجاء للتسويف غدا... بعد اسبوع.....
& كيف تحول الهزيمة إلى انتصار
1 – ادرس أخطاءك وتعلم منها لتمهد طريقك للنجاح
2-– لا تلعن الحظ السيئ ولا تلم الآخرين وإنما واجه نفسك وانتقد أفعالك وصحح الخطأ وجوانب الضعف
3 – كن مثابرا في عملك وامزج المثابرة بالتجربة من نواح مختلفة ولا تتشبث باتجاه محدد في حل أي مشكلة
4 – ثق دائما ان هناك حل
5- ما هو هدفك؟ وإلى أين تمضي ؟ حدد لنفسك أهدافا وحقق ما تريد الوصول إليه خطوةخطوة حسن قدرتك على النجاح من خلال خطة شهرية
الخميس، 30 يوليو 2015
الروابط التشعيبية، كيف تربط صفحات موقعك بعضها ببعض، كيف تربط موقعك بالمواقع الأخرى، كيف تعمل فهرس لصفحات موقعك ليسهل استخدامها، كيف تجعل الصورة رابط ؟كل هذا سوف تتعلمه بعد مشاهدة هذا الفيديو
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الدخول على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
كيف تضيف صورة إلى صفحتك، إنه وسم واحد تستطيع من خلاله أن ترفع صورك إلى موقعك، دعنا نتعلم هذا في الفيديو التالي
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الدخول على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
إضافة فقرة ، إضافة عنوان ، عمل قائمة مرتبة وقائمة تعريفية وقائمة غير مرتبة، لا ترتبك عندما تقرأ هذه العناوين فالامر بسيط جدا، إنها مجموعة وسوم بسيطة تكتبتها وبداخلها تضيف ما تريد.
دعنا نتعلم هذا في الفيديو التالي
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
خطوات بسيطة نحو إتقان لغة التصميم الاولى html
في البداية مجال تصميم المواقع من المجالات الحديثة والتي تفتح لك آفاق أوسع من تلك التقليدية، فهي تمكنك من أن تصبح مصمم مواقع أو أن تكمل في البرمجة وتصبح مبرمج ومطور مواقع ، البداية إلى كل هذا من هنا، لغة html هي البداية الحقيقية لهذا الطريق وهي الخطوة الاولى في هذا المجال، فلا تضيع الوقت وابدأ في تعلمها الآن
ما هي لغة html وماذا احتاج لإنشاء صفحتي الأولى ؟.. دعنا ننشئ صفحتنا الأولى في تصميم المواقع مع الشرح في الفيديو التالي
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
خاصية float من أهم خصائص css والتي تتيح لك القدرة على تحريك عناصر html لإحدى اتجاهي الصفحة وتتيح لك إرفاق نص مجاور للصورة مجزء منها، دعنا نجرب كيفية التعامل مع خاصية float وخاصية opacity في هذا الفيديو
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
تنسيق الروابط وشرح خاصية من أروع خصائص css وهي خاصية hover والتي تمنح عناصر html مظهرا مميزا وقت مرور الماوس عليها
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
خصائص القوائم وكيفية تنسيقها من خلال css، سواء أكانت قوائم مرتبة أو قوائم غير مرتبة أو قوائم تعريفية
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
الخلفيات من الامور التي تمنح صفحتك مظهرا رائعا، لكنك تستطيع ان تمنح كل جزء من الصفحة مظهرا مميزا باستخدام خصائص الخلفيات ، دعنا نجربها من هنا
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الدخول على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
كيفية تنسيق حدود الصفحة والهوامش من الامور المهمة جدا وخصائصها كثيرة لكنها تمنح صفحتك مظهرا رائعا ، حاول ان تطبق كل هذه الخصائص اكثر من مرة كي تتمكن من تذكرها وقت الحاجة اليها
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الدخول على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
كيفية تنسيق الخطوط والخصائص التي تؤثر في شكل الخطوط، شاهد الدرس واكتب الخصائص وحاول تطبيقها واختر منها ما ترى انه يناسبك ليكون مرافقا لك في تصميم موقعك
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الدخول على علامة الترس على يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
كيفية تنسيق النصوص واهم الخصائص التي تؤثر في شكل النصوص ، شاهد معنا الدرس واكتب الخصائص وحاول ان تطبقها اكثر من مرة
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
بالطبع مر عليك مسميات class / id ولم تعرف الفرق بينهم، دعنا نعرف الفرق قبل ان نبدأ في شرح خصائص css
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
اليوم سنبدأ الدرس الأول من دورة css سنتعلم فيه طرق كتابة أكواد css الثلاثة والمقارنة بينهم وأي طريقة أفضل لنعتمد عليها في إنشاء ملف css ، نتابع الشرح في الفيديو التالي
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
إذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
لعلك تتساءل ما هي تقنية css وما سبب ظهورها
دعنا نتعرف على ذلك من خلال درسنا الاول في دورة css
ملاحظة: الفيديو مسجل بجودة عالية، فإمكانك الضغط على علامة الترس يمين الفيديو واختيار دقة الجودة 720 لتتمكن من كتابة الاكواد بوضوح وسهولة .
لكل طريق بداية، وهذا هو درسنا الأول في دورة css واحتراف تصميم المواقع، فإذا كانت لك ملاحظة على الدرس فاتركها لنا في تعليق ، إننا نسعى لتقديم المعلومة المبسطة بعيدا عن التعقيد فساعدنا في تحقيق هدفنا إن كانت لك ملاحظة أو جزء لم تستوعبه بتركك تعليقا على الدرس
السبت، 25 يوليو 2015
كود رائع يساعد المستخدم في تغيير لون الخلفية واختيار حجم الخط الذي يناسبه .
كيفية إضافة الكودمن لوحة تحكم المدونة
تخطيط
إضافة أداة .
إختر HTML/Javascript .
أضف الكود التالي واضغط حفظ .
<style>
#cnmustylechanger {height: 180px;}
#stylechanger {
background:#FFFFFF;
border-collapse: collapse;
border-radius: 5px;
box-shadow: 0 0 2px #222222;
display: block;
font: 10px tahoma;
height: 170px;
margin-top: 10px;
text-align: right;
width: 235px;
}
#stylechanger th,
#stylechanger td {
vertical-align:middle;
border:none !important;
padding:2px 5px;
}
#stylechanger th.title {
background-color:#33AFE0;
padding:5px 10px;
margin:0 0 10px;
text-transform:uppercase;
font-size:12px;
font-family: Arial,Sans-Serif;
color: #FFF;
}
#stylechanger select,
#stylechanger input[type="text"] {
width:128px;
padding:2px;
font:bold 11px Arial,Sans-Serif;
display:block;
margin:0 0 0;
height:24px;
outline: 0;
}
#stylechanger select option {
padding:5px 10px;
cursor:pointer;
}
#stylechanger button {
cursor: pointer;
font: 12px tahoma;
padding: 2px 5px 5px;
width: 128px;
}
#stylechanger #bgColorer {
overflow:hidden;
margin:10px 15px 10px 0;
}
#stylechanger #bgColorer span {
display:block;
float:right;
width:20px;
height:20px;
border:1px solid black;
margin:0 5px 0 0;
cursor:pointer;
}
#stylechanger input[type="text"] {
width:118px !important;
padding:4px !important;
height:auto !important;
}
</style>
<center>
<div id="cnmustylechanger">
<table border="0" id="stylechanger">
<tr>
<td colspan="2">
<div id="bgColorer">
<span style="background-color:#523690;" onclick="bgSwitch(this.style.backgroundColor);"></span>
<span style="background-color:#248bcb;" onclick="bgSwitch(this.style.backgroundColor);"></span>
<span style="background-color:#fed100;" onclick="bgSwitch(this.style.backgroundColor);"></span>
<span style="background-color:#c91212;" onclick="bgSwitch(this.style.backgroundColor);"></span>
<span style="background-color:#3a9838;" onclick="bgSwitch(this.style.backgroundColor);"></span>
<span style="background-color:#36404a;" onclick="bgSwitch(this.style.backgroundColor);"></span>
<span style="background-color:#ffffff;" onclick="bgSwitch(this.style.backgroundColor);"></span>
</div>
</td>
</tr>
<tr><th>نوع الخط</th>
<td>
<select onchange="fontSwitch(this.value);">
<option selected />--
<option value="'Book Antiqua',Serif" />Book Antiqua
<option value="'Times New Roman',Serif" />Times New Roman
<option value="Georgia,Serif" />Georgia
<option value="Arial,Sans-Serif" />Arial
<option value="Tahoma,Verdana,Arial,Sans-Serif" />Tahoma
<option value="'Trebuchet MS',Arial,Sans-Serif" />Trebuchet
<option value="Verdana,Arial,Sans-Serif" />Verdana
<option value="'Century Gothic',Tahoma,Verdana,Arial,Sans-Serif" />Century Gothic
<option value="'Comic Sans MS',Serif" />Comic Sans
</select>
</td>
</tr>
<tr><th>لون الخط</th>
<td><input type="text" id="fontColorer" value="#000000" onkeyup="fontColor(this.value);"/></td>
</tr>
<tr><th>حجم الخط</th>
<td><input type="text" id="fontSizer" value="12" maxlength="3" onkeyup="changeFontSize(this.value);"/></td>
</tr>
<tr><th>إستعادة الإفتراضي</th>
<td><button onclick="resetStyle();">إستعادة</button></td>
</tr>
</table>
</div>
</center><script src='https://cnmu.googlecode.com/svn/trunk/2014/theme-style.js' type='text/javascript'/></script>
إليك أفضل خمس مواقع قد استفدت منها في تصميم لوجو احترافي مجانا
Cooltext : موقع به مجموعة كبيرة من التصاميم والأشكال.
Flamingtext : موقع سريع وخفيف صممت عليه شعار مدونتي ببساطة وسرعة مدهشة به أكثر من 250 شكل لإنشاء لوجو إحترافي.
Logoyes : بإمكانك تصميم شعارك بطريقة سهلة وتصميم احترافي واشكال هندسية مميزة
Logosnap : جرب متعة التصميم في وقت أقل مع تشيكلة رائعة من الشعارات.
Logogenerator : عليك أن تختار بعناية الشكل الذي تريد ففي الموقع مجموعة ضخمة من الشعارات .
عملية رفع ترتيب موقعك في جوجل ليست بالأمر الصعب ، لكن أكثر الذين يتحدثون عن الامر يشعرونك أنه أقرب إلى المعجزة فقط لأن الأمر بالنسبة لهم مصدر دخل لذا يريدون أن يظل الامر بعيدا عن ايدي المبتدئين والهواة، لكن في الحقيقة الامر بسيط جدا، إنه امر بديهي ، مقدمات تؤدي إلى نتائج، فجوجل عملية جدا تحترم من يتعامل معها بصدق، لذا إليك بعض النصائح التي تساهم في رفع ترتيب موقعك في محرك البحث الشهير جوجل
1-المحتوى دائما هو الملك، قدم ما يحتاجه المستخدمون وما يدفعهم الى اضافة موقعك في المفضلة واكتسب اصدقاء دائمين2- تحري المصداقية في التعامل مع جوجل، يعتقد البعض انه يستطيع خداع جوجل، وقد يمر الامر مرة او اكثر لكن عندما يكتشفها جوجل فإنك بذلك تكون قد استخرجت شهادة وفاة لموقعك وعليك ان تبدأ من جديد، فنجد البعض يضع كلمات دلالية ليس لها علاقة بالمحتوى والبعض يعطي بعض الكلمات نفس لون الخلفية والكثير من الحيل القائمة على الغش3- جوجل يعتمد على أرشفة الروابط النصية ، لذا لا تعتمد كثيرا على الصور في صفحاتك4- حاول تبسيط عرض المحتوى، فلا تجعل الصفحة الرئيسية هي الطريقة الوحيدة للتنقل بين صفحات موقعك، بل اجعل من كل صفحة امكانية التنقل بين كل صفحات موقعك5- قم بعمل تبادل اعلاني مع مواقع لها ترتيب عالى في جوجل ، واعتمد على التبادل الاعلاني النصي، بمعني انك تكتب كلمة كرابط تنقلك الى موقعك
6- ابحث عن مواقع تبادل الاعلانات النصية واشترك فيها وابدأ في تسويق رابط موقعك من خلال التبادل الاعلاني7- لا تبالغ في الروابط التي تعتمد على الصور، فالروابط النصية يمكن أرشفتها من جوجل اما الصور فلا8- اكتب مقالات وانشرها في المنتديات الكبيرة وضع رابط موقعك ضمن محتوى المقالة، ويفضل مقالة متخصصة او في موضوع مميز9- ادخل في جروبات فيس بوك التي تهتم بنفس مجال موقعك وحاول ان تجيب على تساؤلات الناس بوضع رابط موقعك كجواب على التساؤل10- انشئ قناة لك على يوتيوب وضع أسفل كل فيديو رابط موقعك11- قم بعمل أكثر من موقع واربط المواقع كلها ببعضها وإذا أردت رفع ترتيب موقع من بينهم فضع رابطه داخل كل صفحات مواقعك او مدوناتك12- اسمح للناس بالنقل عنك من محتوى موقعك على ان يضعوا رابط الموقع أسفل المحتوى
13- اعتمد كثيرا على الخدمات المجانية لأنها اكثر قبولا واكثر بحثا، مثل قوالب بلوجر مجانية ، نماذج تصميم مواقع مجانية، برامج مجانية ..........14- هناك مواقع كثيرة تقوم بترجمة المواقع، يمكنك عرض محتوى موقعك باكثر من لغة دون عناء، فقط ابحث عن مواقع الترجمة واعرض محتوى موقعك بأكثر من لغة لتكون الفئة المستهدفة اكبر بكثير
في المشاركة القادمة سنشرح ما هو page rank بالتفصيل فتابعنا