Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

ما هو الكود المسؤول عن تغيير حروف المدونة من Small الى حروف capital ؟

كينج نت ملك النت | 3/31/2015 | ليست هناك تعليقات
الكثير من اصحاب المدونات  يوجهون هذه المشكلة بظهور احروف المدونة الى كابتل اعتقد الكثير لاحظ هذه المشكلة ومتواجدة بعناوين اضافات بلوجر .
هى فى الاصل ليست مشكلة كما يعتقد البعض لان فى احدى الرسائل وصل لى رسالة من احدى اصحاب المدونات يقول : لدى مشكلة بالمدونة والحروف الانجليزية تظهر بالمدونة بشكل كابتل رغم اننى لم احولها الى كابتل فلقد كتبتها بنظام احرف صغيرة فما هو السبب فى ذلك .
 طبعا الاجابة على هذا السؤال هى ليست مشكلة بل يوجد امر من اوامر الأكواد وخاصة اكواد css هو المسؤال عن ذلك .
سنتعرف على هذا الكود الذى يقوم بتحويل حروف المدونة من Small الى حروف capital تابعو معى هذه التدوينة البسيطة .


صور لشكل الأحروف الأنجليزية قبل وبعد :

صورة توضح لشكل الأحروف Small :



صورة توضح لشكل الأحروف capital :


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

ما هو الكود المسؤل ؟

الكود المسؤال عن ذلك وهو بخاصية CSS يحتوى على امر بتحويل الاحروف الصغيرة الافتراضية الى احروف كبيرة كابتل وسيكون بهذا الشكل :
text-transform: uppercase
فهذا الكود السابق اذا قمنا بعملية ترجمة لهذا الكود نجد كلمة text تعنى نص وكلمة transform تعنى تحويل اذا جمعنا الكلمتيين سنجد ترجمتها تحويل النص وكلمة uppercase تعنى احروف كبيرة اى تحويل النص الى احرف كبيرة .

فكما زكرت فهذه ليست مشكلة كما يعتقد البعض فابمجرد الوصول الى قالب المدونة والبحث عن هذا الامر من خلال الضغط على ازرر CTRL+F من الكيبورد ستجدة بقالبك اذا كنت تريد الوضع كما هو علية فلا تقم بحذفة اما اذا كنت تريد الرجوع الى الوضع الأفتراضى فعليك بحذفة وهذه صورة توضح لنا شكل الكود بالقالب :

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

جعل اى قطعة بالمدونة عائمة لا تتحرك من مكانها Float Widget In Blogger

كينج نت ملك النت | 3/29/2015 | | ليست هناك تعليقات
من خلال هذه التدوينة سنتعرف سويا على طريقة تجعل اى قطعة بالمدونة ثابتة فى مكانها لا تتحرك كما يقال البعض عائمة مثل اضافات بلوجر الذى نراها بالمدونات كأضافة ايقونات المشاركات الاجتماعية الشريط الجانبى نجدها ثابتة فى مكانها لا تتحرك مع تحريك السكرول بار مثل ايضا هذه التدوينة اضافة ايقونات المشاركات الأجتماعية منزلقة بأعلى المدونة بشكل رائع . هذه الطريقة مفيدة لمن لدية اضافة هامة ويريد اظهارها باصفحة المدونة لن اطيل عليكم اكثر .



قبل ان ندخل فى كيفية تشغيل الطريقة يجب ان تعلم اولا الأسم المعرف لأى قطعة ID .

معرفة ID القطعة :

اولا قم بنسخ اسم الاضافة لديك مثلا لو لديك اضافة اسمها اقسام الموقع قم بنسخها ثم اذهب الى قالب مدونتك واضغط على تحرير HTML كما تلاحظون :















الان ابحث عن اسم الأضافة عن طريق ازرر الكيبورد بالضغط على CTRL+F واضغط بحث
ستجد اسم الاضافة وبجانبها اسم المعرف
مثال مصور للتوضيح اكثر :
لو كنت تريد معرفة اسم قطعة المشاركات الشائعة مثلا وبعد البحث عنها بالقالب ستجد اسم المعرف ID بجانبها وهذه صورة توضيحية :






كما تلاحظون من خلال الصورة السابقة والمحددة باللون السماوى هو اسم المعرف ID
اعتقد الطريقة سهلة لمعرفة ID اى اضافة لديك بالمدونة .

كيفية جعل الاضافة عائمة :

قم بالبحث عن :
</body>
اضف قبلة مباشرة هذا الكود :
<script>
//<![CDATA[
rb_makeSticky(" ضع اسم المعرف هنا");
function rb_makeSticky(elem) {
    var rb_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    rb_sticky.parentNode.insertBefore(scrollee, rb_sticky);
    var width = rb_sticky.offsetWidth;
    var iniClass = rb_sticky.className + ' rb_sticky';
    window.addEventListener('scroll', rb_sticking, false);
    function rb_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            rb_sticky.className = iniClass + ' rb_sticking';
            rb_sticky.style.width = width + "px";
        } else {
            rb_sticky.className = iniClass;
        }
    }
}
//]]>
</script>
<style>
.rb_sticking {background:#f2f2f2 !important; position:fixed; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3);}
</style>
الان ضع اسم المعرف ID الاضافة مكان كلمة ضع اسم المعرف هنا المحدد باللون الاحمر
بالأخير اضغط على حفظ واذهب الى الصفحة الرئيسية للمدونة لتشاهد النتيجة ستجد بأن الاضافة عائمة فى مكانها .

ملحوظة هامة :

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




















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

اضافة اداء فحص ترتيب المواقع عالميا من اليكسا Add Alexa Rank Checker

كينج نت ملك النت | 3/28/2015 | 1 Comment so far
اداء معرفة ترتيب المواقع عالميا عبر موقع اليكسا خدمة بسيطة رأيتها بأحدى المدونات الاجنبية واحببت ان اضعها لكم هنا لمن يريد تركيبها فى المدونة . الأداء بسيطة وخفيفة ولا تسبب اى ثقل للمدونة بسبب عدم احتوائها على اى صور او اكواد جافا سكربت لن اطيل عليكم اكثر ونأتى الى طريقة التركيب .






مثال للشكل البسيط بعد التركيب :




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

كيفية تركيب الاضافة :

اذهب الى لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT









اضف هذا الكود :
<form method="get" action="http://www.alexa.com/data/details/traffic_details" target="_blank">
<input name="url" maxlength="255" size="35" type="url" placeholder="اضف رابط موقعك..."/>
<input value="اعرف ترتيب موقعك" type="submit"/>
</form>
بالاخير اضغط حفظ .
اتمنى بأن هذه الاضافة البسيطة اعجبتكم وانتظرونى بأضافة اخرى جديدة .

مفاجأة من جوجل اضافة خريطة sitemap فهرس بأمتداد XML الى مدونات بلوجر

كينج نت ملك النت | 3/28/2015 | | 6 عدد التعليقات
مفاجأة للجميع لمن يمتلك مدونة بلوجر الأن يمكنك اضافة خريطة فهرس ارشيف كما تسمية انت بأمتداد XML الأفضل على الاطلاق الذى يساعد اصحاب المدونات بأرشفة قوية وتهيئة المدونة الى محركات البحث . فى السابق جوجل للاسف لاتدعم هذا الامتداد فى بلوجر لان مدونة بلوجر ليست مساحة مخصصة لك لكى ترفع عليها ملفاتك الخاصة فهذا الامتداد لكى نستخدمة لابد بأن يكون لديك موقع خاص بك ومساحة لكى نرفع علية هذا الملف من خلال البرامج الشهيرة FTP وبصراحة ووردبيرس تتفوق على بلوجر فى هذه الخاصية وهى رفع ملفات الموقع بأى امتداد سواء كان جافا سكربت او سكربتات وغيرها من الملفات بسبب امتلاك مساحة مخصصة لأستضافة الملفات وكل هذا مدفوع . فا شركة جوجل سابقا وضعت لنا خاصية اضافة خرائط المدونة عن طريق خدمة RSS وكانت تأتى بثمار جيد فمن خلال هذا الدرس تعرفنا سويا على طريقة تقديم خريطة المدونة الى جوجل لضمان الأرشفة ADD SITEMAP GOOGLE .  الأن بأمكان الجميع تقديم خرائط بأمتداد اخر ولكن بهذه المرة امتداد XML الذى كنا نريدة ونبحث عن طرق مساعدة لكى تنجح لكن للاسف الطرق كلها فاشلة فى السابق فالان اضافة خرائط بأمتداد XML الذى فعلتها جوجل لمدونات بلوجر اصبح الامر سهل وبضغطة واحدة تعالو نتعرف سويا على طريقة التقديم .

كيفية تقديم خريطة الى جوجل بأمتداد XML 

 بالبداية ومن خلال الدرس السابق نفعل كما فعلنا بالشرح السابق ولكن مدونة كينج نت دائما تضع لكم الشرح مدعوم بالصور :
قم بالدخول الى ادوات مشرفى المواقع .
اختار مدونتك وقم بالدخول اليها كما تلاحظون بالصورة التالية :
من خلال الصفحة التالية ومن الاسفل ستجد عنوان باسم ملفات Sitemap  قم بالدخول اليها كما تشاهدون :
بعد الدخول الى ملفات Sitemap ستجد ايقونة بأسم اضافة / اختيار ملفات Sitemap
قم بالضغط عليها وضع كلمة sitemap.xml وبالأخير اضغط على زر تقديم ملف sitemap

الان سيظهر لك رسالة نجاح فقط اضغط على تحديث الصفحة كما تلاحظون :
ستجد الخريطة تمت اضافتها كما تلاحظون :

طبعا لاتقلق من كلمة الفهرسة فى الانتظار لا تتعجل فهى اقل من دقائق او ساعات قليلة وسيتم فهرسة موقعك وكما زكرت لكم بأن خريطة XML الافضل على الاطلاق وعن تجربة فى هذا المجال .
وهذا رابط خريطة مدونة كينج نت :
هل رأيتم رابط خريطة موقعى ؟
نتمنى من شركة جوجل ان تضع لنا جميع الامكانيات الذى نتمناها الذى تساعدنا فى تطوير مدونتنا ووضع المدونات العربية بمكانة طيبة ومنتظريين من جوجل خدمة خرائط بأمتددات اخرى امثال : HTML وامتداد TXT وغيرها من الخدمات المميزة .
بالنهاية ارجو بأن هذا الدرس البسيط افاد الجميع وانتظرونى بدرس اخر مفيد .

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

كينج نت ملك النت | 3/27/2015 | | | ليست هناك تعليقات
الكثير من مستخدمى مدونات بلوجر يوجهون هذه المشكلة وهى عند اضافة اى اضافة قطعة جديدة فيجدها تعمل وبدون اى مشاكل ولكن مع مرور الايام او الشهور تجد هذه الاضافة للأسف تم تعطيلها رغم ان صاحب المدونة لم يقم بحذفها من لوحة التحكم . اعتقد الجميع يعلم ما هى الاسباب ولكن يوجد بعض مستخدمى مدونات بلوجر وبالأخص المبتدئيين بهذا المجال يتفاجأون بتعطيل الأضافات لديهم وهذا شيى محير لهم لانهم لا يعرفون ما هى الاسباب الذى ادات الى عدم تشغيل الاضافة الذى كانت تعمل بالسابق ومن الممكن بعد مرور الساعات او الايام يجد الاضافة المعطلة عادات الى العمل مرة اخرى رغم عدم التدخل فى حلها .


اسباب تعطيل الاضافات :

السبب الوحيد فى تعطيل هذه الأضافات دون التدخل منك بأن هذه الأضافة تحتوى على ملفات الجافا سكربت وهذه الملفات تتطلب مواقع استضافة لكى تعمل الأضافات معك فبدون موقع استضافة لن تعمل الاضافة .
فهذا هو السبب الذى لا يعرفة كل مبتداء فى عالم التطوير فيجب ان تعلم بأن يوجد اضافات تحتوى على ملفات جافا سكربت فهذه الملفات تتطلب ان يتم رفعها على مواقع استضافة والاضافات الاخرى الذى تحتوى على اكواد CSS واكواد HTML لا تتطلب مواقع استضافة فمن السهل اضافاتها بقالب مدونتك ولن تسبب معك اى مشاكل حتى وان قمت بأخذ هذه الاكواد بنسخها من المصدر نفسة وتم حذفها من قبل المصمم فلن تؤثر على اضافتك .
اذأ المشكلة هنا بالاضافات الذى تحتوى على ملفات الجافا سكربت فقط وليست الاكواد الأخرى
لكن كيف يتم معرفة هذه الملفات من خلال الاضافة الذى اريدها ؟
من خلال المشاهدة بأكواد الاضافة او من خلال البحث بداخل الاضافة بالضغط على ازرر CTRL+F ووضع هذا الامتداد .JS بداخل خانة البحث وهى اختصار لكلمة JAVASCRIPT اذا تم ايجاد هذا الأمتداد بداخل رابط فاعلم جيدا بأن هذه الاضافة الذى تريدها ليست ملك لك فهى مهددة بالتعطيل فى اى وقت من صاحب الملف من الممكن يحذفها فى اى وقت يريدة واليكم مثال بسيط :
كما تلاحظون هذا الرابط باخرة امتداد .JS اختصار لكمة  JAVASCRIPT
HTTPS://WWW.SITES.GOOGLE.COM/SITE/KINGNTCOM/RECENT.JS
فهذا الرابط مجرد مثال فقط فابقية الملفات متشابهة كما ذكرت تنتهى بامتداد JS المحدد باللون الاحمر وتبتدى بمعرف رابط العنوان المحدد باللون الاصفر واسم السايت الاستضافة المحدد باللون الاخضر .
الأن تعرفنا على شكل الملفات الخاصة بالجافا سكربت
كيف امتلك هذه الملفات وارفعها بمدونتى ؟
فى احدى الدروس السابقة بقسم دروس بلوجر وضعت لكم تدوينة بسيطة سنتعرف من خلالها على كيفية رفع ملفات الجافا سكربت JAVASCRIPT على مدونتك بدون مواقع استضافة اخرى .
اذا طبقت طريقة هذا الدرس السابق فلن تجد اى مشاكل بالاضافات المتواجدة بمدونتك وستكون انت ممتلك هذه الاضافات لأن من النادر او قليل من الاضافات نجد بأن اكواد CSS مرفوعة على مواقع استضافة .
اتمنى من خلال هذا الدرس البسيط تعرفنا على السبب الذى يزعج اصحاب المدونات وبالأخص المبتدئيين فى عالم التطوير .