المشاركات

عرض المشاركات من مايو, 2013

إضافة مواضيع ذات صلة مع تأثير التلميحات

صورة
تتعدد إضافات مواضيع ذات صلة وكل منها له ما يميزه وهذه الإضافة حقاً مميزة فهي لا تاخذ حيز ويسهل التحكم بها وتم تنسيقها بشكل جميل وستضيف لمسه جمالية وفائدة الى مدونتك وأيضا سنتطرق لبعض التنسيقات عليها تجعلها أكثر تلائماً مع الوان قالبك وما يميز تلك الإضافة هو تاثير التلميحات أو ما يسمى بــ  ToolTips وهو أن الإضافة عبارة عن صور فقط وهكذا لا تشغل مكان كبير في القالب وعند تمرير الماوس يظهر تلميح بعنوان الموضوع لكن ملاحظة هناك من قد تعجبه هذه الإضافة وهو لديه إضافة أخرى لذا يجب عليه حذفها لسببين الاول حتى لا تسبب ثقل في التصفح والثاني لان أغلب إضافات مواضيع ذات صلة وسوم تنسيقها متشابهه وقد يحدث تلف في شكل الإضافتين والآن مع طريقة التركيب قم بالدخول الى تحرير القالب ولا تنسى نسختك الإحتياطية ثم قم بتوسيع عناصر الستايل بالضغط على سهم التوسيع ثم فوق الوسم ]]> أضف الكود التالي /* Related Posts Widget cnmu.blogspot.com ----------------------------------------------- */ .related-post .post-thumbnail {  z-index: 1;  position: relative;  width: 98 px;  height: 98 px;  margin: 0;  display: block...

سباق الأرنب والسلحفاة على كن مدون

صورة
مرحباً بكل زوار ومتابعي سبيس توون Spacetoon   كن مدون سابقاً ^_^ أحببت أن أخرج قليلا من النمط المتتابع للمواضيع والتي تدور بين اضافات أو قوالب الخ وأحكي لكم حكاية ولا تقلقوا مازلنا كن مدون لم نغير الإسم المهم هذه الحكاية هي حكاية سباق الأرنب والسلحفاة وهي حكاية معروفة جدا وخصوصا لجيل كابتن ماجد وانا منهم لكن ربما تكون مجهولة للجيل صغير السن جيل البحث عن نيمو , ملخص الحكاية أنه حدث تحدي بين أرنب وسلحفاة لخوض سباق في الركد فقبل الأرنب وهو يعلم بفوزه لسرعته العالية وساخرا من السلحفاة تهاون في السباق وجلس يستجم تحت شجرة أثناء السباق وترك السلحفاة تجري وقال في نفسه بعد قليل أستطيع أن أبدأ في الركد وأحصل السلحفاة فأنا أسرع واقوى لكن غلبه النعاس واستيقظ على صوت صافرة اعلان فوز السلحفاة . الى هنا انتهت القصة وبدأ موضوعنا كثير من المدونين اما ارانب واما سلاحف  الأرنب هو المدون الخبير الواثق بنفسه المتمكن من ما يكتب به لكنه كسول قليلاً والسلحفاه هو المدون قليل الخبرة ضعيف في الإبتكار لكنه مثابر ومجتهد  كلا الفئتين لديهم مميزات ولديهم عيوب فالأرنب أحيانا قد ينظر بتعالي للأمور التي حوله  دائما ...

الموضوع الشامل حول تعليقات فيس بوك

صورة
تعليقات فيس بوك أحد أهم نماذج التعليقات المتاحة للمواقع بشكل عام ولمنصة بلوجر بشكل خاص وهي تساهم في نشر المدونة على الفيس بوك مع كل تعليق وهي الخيار المثالي للمدونات المتخصصة في الفيس بوك أو المدونات التي تقوم بناء على أحد صفحات الفيس بوك لكن لحظة لا تتعجل وتكمل الموضوع قبل قراءة الموضوع التالي لتعرف هل هذه التعليقات مناسبة لمدونتك أم لا, تعرف على أنظمة التعليقات وإختيار نظام يتناسب مع مدونتك إن كنت قرأت الموضوع ورايت أن هذا النظام مناسب لك فاتبع التالي ملحوظة نحن سنعمل على استبدال نظام التعليقات الخاص ببلوجر بنظام تعليقات فيس بوك وليس اضافتهما معا حتى لا تصبح المدونة ثقيلة ويطفش زوارك ^_^؛ ركز جيدا في الموضوع خطوة خطوة لضمان النجاح بإذن الله الخطوة الأولى انشاء تطبيق على الفيس بوك قم بالدخول الى الصفحة التالية لإنشاء تطبيق من هنــا ثم اضغط على Create App  ثم ستظهر هذه النافذة قم بعمل التالي ثم اكتب رقم التحقق بعد ذلك ادخل الى صفحة التطبيق من هنـا وقم بالضغط على اسم التطبيق الذي انشأته وانسخ المعرف بعد الضغط على إعدادت قم بعمل التالي ومن يملك دومين مدفوع يكتبه في خانة الدومين مثال c...

طريقة إضافة قسمين في السايدبار

صورة
كلنا رأينا قوالب تحتوي أكثر من عمود أو قسم في السايدبار adding two columns at blogger sidebar   ولكن احيانا لا يكون القالب يعجبنا ولكن نحتاج لتلك الإضافة في قالب خاص خصوصا انا مفيده لكثير من المدونين في عرض وحدات إعلانية او اضافات صغيرة لا تحتاج عمود كامل ولهذا بإذن الله في هذا الدرس سنستطيع اضافة قسمين للسايدبار وسنضيف أيضا قسم ثالث بعد هاذين القسمين لزيادة التنسيق لكن يجب ان ننوه أن هذه الإضافة في الغالب ستعمل مع جميع القوالب لكن تنسيقها قد لا يتوافق مع جميع القوالب لذا قبل عمل أى تعديل قم باخذ نسخة احتياطية من قالبك لتجنب أى مشكلة طريقة الإضافة ادخل الى لوحة تحكم مدونتك ثم قم بالبحث عن آخر اضافة في السايدبار لديك يمكنك البحث عنها بالإسم  ثم قم بالبحث تحت أكوادها عن هذا الكود   ملاحظة ان لم تجده قد تجد أسهم توسيع عناصر بجانب الإضافة اضغط عليها حتى تظهر جميع أكوادها وعندما تجد الكود أضف تحته مباشرة الأكواد التالية  وهذه صورة للتوضيح ثم بعد ذلك نبحث عن هذا الوسم sidebar-wrapper والذي نقصده سيكون موجود في اكواد الستايل فقم بتوسعتها بالضغط على سهم التوسعة عندما تجده ستجد بعده قوس فتح كهذ...

طريقة تنسيق قائمة وسحابة التسميات

صورة
من الإضافات الأساسية في مدونات بلوجر آداة التسميات هذه الآداة التي تعرض الأقسام الخاصة بالمدونات والتي تسهل عملية الوصول لكل قسم لكن الشكل الأساسي للآداة ليس جيدا وفي الغالب يكون شكله مشوه للقوالب نظرا لان القوالب كل يوم في تحسن والشكل الثابت لتلك الآداة لا يجاري هذا التحسن وبالتالي تكون الإضافة شكلها شاذ عن الشكل العام للقالب ولهذا في موضوعنا سنتعلم طريقة تنسيقها والآداة يتم عرضها بشكلين مختلفين الأول القائمة والثاني السحابة Cloud ولكل منهما تنسيق خاص لهذا سنشرح كل تنسيق بشكل منفرد لكن أولا هذه طريقة التبديل بين التنسيقين , قم بالدخول الى لوحة التخطيط في مدونتك ثم قم بعمل تحرير لآداة التسميات ثم اختر التنسيق الذي يعجبك كالتالي أولا تنسيق القائمة  هذا هو الشكل بعد التنسيق كل ما عليك فعله أن تدخل الى تحرير قالبك ثم تضغط على توسيع عناصر الستايل بالضغط على السهم المخصص لذلك  ثم فوق الوسم ]]> أضف الكود التالي #Label1 li { float: right; background: #fafafa url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Fcxvy6pGDqWsa41lPxSj0Q5mZIK6_Z9sT9NJoq-VlyNLrPAN0lmxvcX1ZG-UYS4...

عداد المناسبات بإعداداتك وتنسيقك

صورة
نحتاج في بعض  الأحيان الى وجود عداد تنازلي للتذكير بمناسبة او شئ معين ولكن كثير من العدادات تكون على هيئة فلاش أو إضافة صعبة التنسيق وخصوصا ان كثير من الإضافات بعد تحديد مدة العد التنازلي تصبح بلا قيمة وينتهي مفعولها اما إضافتنا متجددة وتصميمها حصري وتم المراعاة في التصميم ان تكون متوافقة مع جميع الألوان حتى تتناسب مع كل القوالب بإذن الله وطريقة تركيبها سهله للغاية كل ما عليك فعله هو إضافة الكود التالي الى آداة HTML/JavaScript لكن أولا شاهد هذه المعاينة الحية للإضافة معاينــة   كم بقي على رمضان 2 em; font-size:20px; font-weight:bold; color:#000;"> وبما أن شهر رمضان المبارك أصبح قريباً فتم إعداد الكود على تاريخ الشهر المبارك فكل عام وأنتم بخير ولكن طبعا يمكن تعديل وقت العداد بالشكل لتالي قم بإستبدال 18 بتاريخ اليوم المراد أن يصل اليه العد التنازلي واستبدل 2015 بتاريخ السنة واستبدل june بإسم الشهر وهذه أسماء الشهور بالترتيب من يناير الى ديسمبر والرقم 2 قم بزيادته او إنقاصة للتحكم في بعد أرقام العد من الاعلى january february march april may june july august september october ...

اضافة تعريف الكاتب بشكل جديد وحصري

صورة
اضافة تعريف الكاتب أو معلومات عن الكاتب about Author هي إضافة تهم كثير من المدونين خصوصا المدونات الجماعية هذه الإضافة هي ركن اساسي بها ويمتلئ الإنترنت بكثير من الإضافات بعضها جيد والآخر دون المستوى وكنوع من التغير ومواكبة التطويرات قمت بتصميم إضافة جديدة ستكون بإذن الله نافعة جداً وستلبي كثير من الإحتياجات وستجتذب الكتاب ففي الغالب يسعى الكاتب بان يعرف الناس بموقعه وخدماته وهذه الإضافة ستقوم بذلك بإحترافية كيف ؟ ببساطة تصيمها مميز وجذاب لكن طبعا هذا ليس الاساس وليس الجديد فالجديد هو تزويد الإضافة بمجموعة أيقونات جذابه لأهم ما يحب الكاتب ان يعرف به القراء وان يتواصلوا معه عن طريقة, تم إضافة أيقونات اشهر المواقع الإجتماعية فيس بوك  Facebook   تويتر  Twitter   وجوجل بلس  Google plus بالإضافة الى اليوتيوب Youtube وأيقونة للموقع الخاص بالكاتب وأيضا أيقونة لحساب الكاتب في خمسات فلقد أصبح موقع خمسات رائج جداً ومستخدم من كثير من المدونين ووجود مثل تلك الأيقونة مفيدة جداً للكاتب والايقونات مضافة بخاصية CSS Sprites وهذه الخاصة تجعل الأيقونات عبارة عن صورة واحده فقط وبالتالي لا تقوم بطلب ا...