اضافة ايقونات المواقع الاجتماعية العائمة الى جانب البلوجر
سكربت عرض الموضوعات فى البلوجر على شكل شبكة
معظمنا يعلم شكل الشبكة فى البلوجر grid layout اليوم اقدم لكم اسهل طريقة لتركيب شكل الشبكة الى المدونة الخاصة بك ، ليصبح شكلها جميل جدا :
اطار جميل تضع به اكواد html فى مدونتك
سبق وان شرحت اطار بدائى الشكل لوضع اكواد html داخلة ولكن الان انا جهزت اطار احترافى شكلة جميل ورائع
لتشغيل الاطار كل ما عليك هو ان تقوم بنسخ الكود التالى واختار وضع html عن عمل مشاركة جديدة ووضع الكود بها ومكان كلمة "الكود هنا " ضع الكود الذى تود ان يظهر داخل الاطار
سكربت عرض مواضيع بلوجرتحت تسميات معينة
اليوم سوف اشرح لك طريقة تركيب سكربت لعرض مواضيع البلوجر تحت تسمية معينة قبل البوستات فى الصفحة الرئيسية
لاضافة الاسكربت قم بالبحث عن هذا الكود :
]]></b:skin>
قبلة مباشرة "فوقة " قم بأضافة كود css التالى :
مشكلة عدم ظهور كل المشاركات فى الصفحة الرئيسية لبلوجر
يواجة الكثير منا مشكلة انه يختار عدد المشاركات مثلا :10 ولكن يظهر فقط : 6 مشاركات او حتى اقل !!!
ربما لم تواجه المشكلة لانك تكتب مقالات صغيرة فلن تلاحظ هذه المشكلة بعض الناس ترى ان الحل فى تقليل عدد الصور او حذفها ! وهو بالطبع ما يفسد الموضوع طبعا !
طيب ماا الحل ؟ اما ان تفسد شكل الموضوع ومضمونة او شكل المدونة من الخارج وفى الصفحة الرئيسية ؟!!!
لا لن تفعل تلك او الاخرى هناك حل اسهل بكثر وهو اضافة "رابط انتقال " وهو ايفونة تجدها بأعلى صفحة الكتابة :
25 اداة مهمة لتوفير وقت المصمم
1.Loader Generator
هذا الموقع لصنع ايقونات التحميل والانتظار ويحتوى على مجموعة كبيرة من الايقونات المصنعة مسبقا.
2.AjaxLoad
موقع لصنع ايقونات التحيل والانتظار ايضا وبه الكثير من الخصائص مثل اختيار لون الخلفية ولون الايقونة
3.TartanMaker
موقع لصنع خلفيات الويب المتكررة التى تعتمد على بكسل واحد
4.ColorWizard
موقع يساعدك على اختيار الالوان المناسبة للتصميم الخاص بك
5.Color Scheme Designer
هذا الموقع ايضا لاختيار الالوان المناسبة للتصميم الخاص بك.
6.Favicon CC
موقع لانشاء ،(Favicon) هي اختصار لـ(Favourite icon)، وهي عبارة عن صورة صغيرة ( بحجم 16*16 بكسل وفي بعض الأحيان تكون 32*32 بكسل ) تظهر بجانب رابط الموقع في الأعلى وفي المفضلة
7.StripeGenerator
مع هذا الموقع يمكنك عمل اشكال وخلفيات عديدة للتصميم الخاص بك.
8.StripeMania
موقع لعمل خلفيات واشكال متعددة تهم اى مصمم ويب.
9.StripedBackgrounds
هذا الموقع لعمل خلفية متكونة من 5 اعمدة متعددة الالوان تقوم باختيارها.
10.Dotter
هذا الموقع لعمل خلفية من النقط او الخلفية المنقطة بالوان معددة وباشكال متعددة.
11.Background Generator
هذا الموقع يمكنك من تعديل خلفية اى موقع لحظيا.
12.Patternify
هذا الموقع يمكنك من عمل انماط واشكال متعددة وتصديرها اما بصيغة PNG او بصيغة (base64 code).
13.Pictaculous
هذا الموقع يمكنك من اختيار اللون الانسب الخاص بصورة معينة عن طريق رفع هذه الصورة ويمكنك ايضا اخذ النتيجة بصيغة (Adobe Swatch).
14.Tabs Generator
هذا الموقع وظيفته هى عمل التابات (Tabs) باشكال متعددة.
15.Web 2.0 Badges
هذا الموقع لعمل شارات او باجات (Badges) باشكال والوان متعددة.
16.CSS Button Generator
هذه الاداة لعمل الازرار بصيغة (css) بالوان واشكال متعددة.
17.CSS3 Please
هذه الاداة عبارة عن اكواد css3 جاهزة وموضوعة بكلاسات يمكنك بكل بساطة استعمال الكلاسات بدل من استعمال الكود كامل اكثر من مرة.
18.CSS3Warp
هذه الاداة لتحويل النصوص الى نصوص ملتوية او ملفوفة باشكال متعددة.
19.CSS3 Text Shadow Generator
هذه الاداة تمكنك من ادراج مؤثرات الظل + اشكال متعددة
ابدأ الان فى الجافا سكربت مترجم من موقع w3school
ابدأ الآن :
من خلال تعلم هذا الدرس ستبدأ في كتابة أول كود لك بالجافا سكريبت
إدخال سكريبت في html:
ذكرت في المقدمه أن الجافا سكريبت تستخدم في جعل صفحات ال html أكثر ديناميكية ,السؤال الآن كيف سنربط الإسكريبت مع ال html لكي تعمل ؟و كيف سنعلمه أن الكود الذي و ضعناه هذا كود جافا سكريبت؟
بالتأكيد لن تعمل الجافا سكريبت بمجرد وضع الكود عشوائيا في أي مكان .لكي تعمل الجافا سكريبت هناك عدة طرق لربطها بالhtml و هي :
بالتأكيد لن تعمل الجافا سكريبت بمجرد وضع الكود عشوائيا في أي مكان .لكي تعمل الجافا سكريبت هناك عدة طرق لربطها بالhtml و هي :
المقدمة |javascript
ما هى الجافا سكربت؟
الجافا سكربت هى لغة تستخدم لبرمجة صفحات الويب والتحكم فى خصائص لغة html ، وتعتبر الجافا سكربت من أشهر لغات البرمجة فى العالم ولا تقتصر فقط على برمجة صفحات الويب بل تستخدم الان ايضا لبرمجة تطبيقات الموبايل والكمبيوتر والمتصفحات والسيرفرات . واصبحت هذه اللغة مهمة جدا لدرجة انها سميت المستقبل "java script is the future "
ماذا نحتاج قبل البدء؟
*يجب ان تكون على دراية بلغة html ولغة css لان الجافا سكريبت تتعامل مع اللغتين .
اسهل الطرق لاضافة ايقونات الى القوائم الرئيسية فى البلوجر
الان انا جاى ليكم بأضافة رائعة جدا ، ربما تسألتم كثيرا عن الايقونات الجميلة بجوار النصوص فى القوائم الرئيسية بالبلوجر مثل هذه:
أضافة بروفايل المؤلف اسفل التدوينة
اولا ابحث عن الكود التالى <data:post.body/>بعده مباشرة قم بلصق هذا الكود
قم بالبحث الان عن
]]></b:skin>
وضع الكود التالى قبلها مباشرة
***قم بتغيير الاسم والوصف والصورة الى اسمك وكذلك روابط المواقع الاجتماعية وان واجهتك مشكلة فى طريقة التركيب لاتترد وسوف اساعدك بأذن الله :)
ومبروك عليك الاضافة
x
اضافة اطار جميل تضع به الاكواد فى البلوجر
لاضافة الكود:
قم بنسخ الكود التالى :-
لمشاهدة الاضافة الحية هنا فى هذ ا
الموضوع
افضل دورة تصميم قوالب بلوجر كاملة تحميل مباشر
معظم الناس تعرف دورة الاستاذ اسامة بوردين فى تصميم قوالب بلوجر ، ولمن لا يعرف الدورة هى اجمل دورة تجدها على الويب فى هذا المجال انا قمت بتحميل الدورة كاملة من اليوتيوب ورفعتها على سيرفرين "الفايل دون والميديا فاير " لتحميلها بروابط مباشره.
******************************************************
حجم الملف :حوالى 600 ميجا
الملف مقسم الى خمس اجزاء كل جزء حوالى 130 ميجا
******************************************************
روابط الميديا فايل "مختصرة " :
الباسورد هو qassem123
******************************************************
طريقة فك الضغط
قالب بلوجر احترافى وخفيف 2015
قالب رائع جدا شكلة رائع جدا وما يميزه انه خفيف جدا ايضا وبه سلايد شو رائع جدا "اكورديون "
صور من داخل القالب :
معاينة القالب :
تحميل القالب :
رابط الميديا فاير:
لتعديل الاسلايد شو ابحث عن كلمة "الموضوع الاول " واستبدلة بأسم اى موضوع او اسم تحبة
وابحث عن رابط الصورة بجوار الاسم نفسة واستبدلها برابط الموضوع الذى تحب اتبع نفس الطريقة مع السبع المواضيع الاخرى فى الاسلايد شو :)
لتغير اللوجو ابحث عن "logo" واستبدل رابط http://qassemblog.blogspot.com/ برابط مدونتك
وايضا استبدل رابط اللوجو
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7YYlulOMNRzSoAoKQgNZbpG6Nq34Dzul8Ed7o9eX3F_F9rUsKH-xGvnLc9uXkgjmZktedE-DJJtTES1GjS4lYFGmEM97ARgUAJV3VdT7LFVthUE22WySY7w4D0ryHpRGaDi4khrjG-18/s1600/Untitled-1.png
برابط لوجو مدونتك
ومبروك عليك القالب :)
