آخر التعليقات

Pages

vendredi 8 mars 2013

تحريك الماوس عن طريق حركة الراس


و الصلاة و السلام على أشرف المرسليـن
الحمد لله وحده نحمده و نشكره و نستعينه و نستغفره و نعود بالله من شرور أنفسنا و من سيئات أعمالنا
من يهده الله فلا مظل له و من يظلل فلن تجد له ولياً مرشدا
و أشهد ألا إلاه إلا الله وحده لا شريك له و أن محمداً عبده و رسوله صلى الله عليه و سلم
 و على آله و صحبه أجمعين و من تبعهم بإحسان إلى يوم الدين
ربي اشرح لي صدري و يسر لي أمري و احلل عقدة من لساني يفقهوا قولي
البرنامج العجيب لتحريك الماوس عن طريق حركة الراس Camera Mouse 2013


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

jeudi 28 février 2013

عوامل رفع ترتيب مدونتك - بيج رانك - فى محركات البحث

الكلمات المفتاحية فى عنوان الصفحة او الوسم

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


الكلمات المفتاحية فى روابط الصفحات

احد الأماكن الجيدة ايضا لإستخدام الكلمات المفتاحية وهو روابط الصفحات مثل
domainname.com/seo-optimization.html
حيث تضع الكلمات التى ترى انها هامة لمحركات البحث داخل عنوان الرابط, لكن يجب ان تكون هذه الكلمات متواجدة داخل الصفحة ايضا, واذا لم تكن موجودة فلا تتوقع ان تحصل على ترتيب جيد لهذه الكلمات.

كثافة الجمل والكلمات المفتاحية بداخل محتوى الصفحة

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


الكلمات المفتاحية فى نص الروابط AnchorText 

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


الكلمات المفتاحية فى اوسمة الرؤوس

ايضا مكان جيد لتضمين الكلمات المفتاحية به لكن كما نبهت استخدام الكلمات المفتاحية داخل هذه الأماكن دون تضمينها بمحتوى الصفحة لن يكون له فائدة.


الكلمات المفتاحية فى بداية الصفحة

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


الكلمات المفتاحية داخل الدالة alt

عناكب البحث لا يمكنها قراءة ما بداخل الصور لكنها قادرة على قراءة النص المستخدم داخل الدالة alt, لذلك ينصح دائما عندما تضع صورة معينة بموقعك ان تضيف اليها الوسم alt وتضع به بعض الكلمات المفتاحية التى توصف الصورة.


الكلمات المفتاحية فى الميتا تاج

اقل اهمية من اى شئ اخر وخصوصا ان جوجل اصبح يهمل الميتا keywords لكن ياهو والـ msn مازالوا يعطوها اهتمام لذلك اذا كنت تسعى لتحسين ترتيب موقعك بالياهو والـ msn فيمكنك ان تضع هذه الميتا تاج, وبكل الأحوال استخدام الميتا تاج keywords لن يضر بشئ.


تقارب الكلمات المفتاحية

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


الجمل المفتاحية

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


تصريف الكلمات المفتاحية

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


مرادفات الكلمات المفتاحية

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

الأخطاء الأملائية فى الكلمات المفتاحية

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

فقدان الكلمات المفتاحية

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

وسائل جلب الزوار لمدونتك وإرضائهم

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



وهنا تجد بعض وسائل جلب الزوار وارضائهم :
  •  قم بملأ موقعك بمحتوى مفيد وحصري وتجنب النقل.
  •  قم بوضع عناوين بسيطة لمقالاتك وفي نفس الوقت غامضه ، مثلا : لا تضع : سيتم إطلاق الآيفون 5 في 4 من أكتوبر بل ضع : إطلاق الآيفون 5
  • قم بنشر موقعك في الشبكات الاجتماعية و المنتديات.
  • خصص مكان في موقعك لتعليقات القراء على كل مقالة.
  • جدد محتوى مدونتك قدر المستطاع بمحتوى أفضل.
  • إحترم جهود الآخرين وتجنب وضع مقالات منقوله ونسبها إليك.
  • تجنب كثرة الإعلانات التي تزعج الزوار.

الطريقة الصحيحة لاضافة صندوق منبثق للمعجبين facebook

  

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

صورة للصندوق .ــ.ــــــــــــــــــــــــــــــــــــــــــــــــــــــ.ــ.
صندوق الفيسبوك منبثق

طريقة اضافة الصندوق .ـــــــــــــــــــــــــــــــــــــــــــــــــــــ

ادهب الى لوحة تحكمك ثم تصميم ثم اضافة اداة جديدة ,قم بنسخ الكود التالي والصقه ثم احفظ 

<!-- arabicash2.blogspot.com Likebox Pro FBFan Code Start -->
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}#fblikepop #closeable{float:right;margin:7px 15px 0 0;}#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:14px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}#fblikepop #actionHolder{height:30px;overflow:hidden;}#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
    kakinetworkdotcom01username="arabicash2",
    kakinetworkdotcom01title="ادعمنا على الفيس بوك وشكرا لك؟",
    kakinetworkdotcom01skin="03",
    kakinetworkdotcom01time="60",
    kakinetworkdotcom01wait="0",
    kakinetworkdotcom01lang="fr"
//]]>
</script>
<script type="text/javascript" src="http://kakinetworkdotcom.googlecode.com/svn/01/files/likeboxfbfanpro.js"></script>
<script type="text/javascript">
//<![CDATA[
    $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- arabicash2.blogspot.com Likebox Pro FBFan Code End -->
في وسط الكود ,قم بتغير arabicash2 باسم صفحتك على الفايسبوك 
واخيرا قم بحفظ  ,ثم قم بمعاينة المدونة وستجد الان اضافة الصندوق بنجاح
لو كان لديك استفسار او طلب قم بترك تعليق اسفل الموضوع وسأجيب عليه بإدن الله


كيف تحصل على روابط خلفيه لمدونتك

الكثير من المدونين يبتعدون كثيرا عن تعلم أو معرفة الأسس البسيطه لتهيئة مدوناتهم لمحركات البحث ( السيو - SEO ) وهو مر محزن للغايه بالنسبة لى, لأنه امر هام جدا لكل مدون أن يتعلمه أو على الأقل يتعلم الأسس البسيطه منه والتى تساعده على الرقى بمدونته .

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

الروابط الخلفيه

هى تلك الروابط اتى يضعها الآخرون فى مواقعهم أو مدوناتهم وتشير إلى مدونتك أو توجه الزائرين غلى مدونتك او إلى أحد الموضوعات فى مدونتك .

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

إبحث عن الروابط الخلفيه للمدونات المنافسه لمدونتك وإفحصها

إنها لطريقة جيده ان تتابع بإمعان ما يفعله منافسيك وان تقوم بدراسته وايجاد طريقه لمنافسته او الوصول إليه إذا كان أعلى منكك فى المستوى.
وهناك الكثير من الأدوات التى تقدم لك هذه الخدمه , ومنها Bing’s webmaster tools و Open Site Explorer  ومن خلال هذه الادوات تستطيع معرفة الروابط الخلفيه لمدونتك أو لمدونات منافسيك ومعرفة من اين تاتى الزيارات .

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

إجعل مدونتك لقرائك وليس لجوجل

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

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

ولا تتعب ولا تكل , فالرابط الخلفى الواحد الذى تحصل عليه سيكون سببا لدفع مئات الزوار لمدونتك . ولا تقلق بخصوص محركات البحث فترتيبك بها سيزيد ويعلو مع اكتسابك روابط خلفيه كثيره واحتواء مدونتك على محتوى عالى القيمه .

الكتابه فى المدونات الأخرى والإنتظام فى بعضها

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

كما أن قيامك بوضع تدوينات كزائر فى العديد من المدونات وبصفه منتظمه يجعل منك مدونا يتابعه الزوار ويبحثون عنه وعن كل ما يخصه , مما يجعل الزوار يبحثون عن مدونتك الأصليه ويصبحون اصدقاء لها .

إجعل مدونتك جميلة المظهر

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

ضع وابط مصادرك فى تدويناتك

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

قم بإجراء حوار مع شخص مشهور

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

قم بعمل تدوينات شامله جامعه

وهذا النوع من التدوينات هو ذلك النوع الذى يحتوى على تجميعه من الروابط الهامه او مجموعه من المقالات الهامه أو المشهوره أ, تحتوى على مثلا تشكيله كبيره من التصميمات وقوالب بلوجر مثلا أ, مجموعه من تصميمات المواقع .

مثل هذه التدوينات تكسبك روابط خلفيه بشكل كبير ومذهل , جربها وسوف تشعر بفعاليتها .

قدم منتجا من صنعك فى مدونتك

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


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

قالب Limax المعرب والمطور من قوالب بلوجر المعربه

مع أول تدوينه لنا فى العام الميلادى الجديد 2013 أقدم لكم قالب جذاب وأنيق جدا من قوالب بلوجر المعربه والتى قمنا بتعريبها وتطويرها ايضا كى تلائم المدون العربى وهو قالب Limax المعرب والطور .
قالب Limax المعرب
إسم القالب : قالب Limax المعرب
وصف القالب : 2 عمود جانبى على اليسار , 3 أعمده , 3 أعمده للفوتر , تم تحويله من الوردبريس للبلوجر , أزرق , أنيق , عارض للشرائح , عرض ثابت , مكان لوضع بانر فى الهيدر , خاصية إقرأ المزيد الأوتوماتيكيه مع صور المصغرات , قالب إحترافى , إضافة التبويب فى العمود الجانبى , قائمه أفقيه علويه , ويب 2.0 .
تاريخ التعريب والتطوير : 04/01/2013

تهيئة الميتا تاج للقالب

إفتح أكواد HTML الخاصه بالقالب , وقم بالبحث عن الكود التالى
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
 إستبدل DESCRIPTION HERE بوصف مدونتك , وإستبدل KEYWORDS HERE بالكلمات المفتاحيه لمدونتك مع الفصل بين كل كلمه والأخرى بفاصله .

تهيئة عارض الشرائح

إفتح أكواد HTML الخاصه بالقالب , وقم بالبحث عن الكود التالى
<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv2NzGfbuAY-0aHyNRgShpQYwfwf5VfvcPRCwQWlEZddUSVYe4oZgQ8DUtuHsCtKkWfsenNjuqLEoxZWvjUZgJNySMLHyDfPWBC2lo8PYC9UT5oVedKhbvjcHnpABpwD6NOdyaDJeBXlc/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>ضع هنا العنوان الأول فى عارض الشرائح</a>
</h3>
<p>
تستطيع الحصول على هذا القالب المعرب والمطور من مدونة نصائح للمدونين ,, كما ستجد هناك الكثير من قوالب بلوجر المعربه والمطوره بأحدث الإضافات لتناسب المدون العربى ,, فقط قم بزيارة مدونة نصائح للمدونين على الرابط التالى http://ar-blogger-tips.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE8NLyxd29EH0p-tJp-6r_2N853OWGXdbXJ4B7VHiH2Z83yy8yp1kgMp16iYG0E3MtFjrcCVe1_Ke3jwvay_e15FPf5Y0-ZFzlN6j2odedMdCLh6_ofdi8Kplvw-ErLH7_I3CZ1Du0o-A/s1600/2.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>ضع هنا العنوان الثانى فى عارض الشرائح</a>
</h3>
<p>
تستطيع الحصول على هذا القالب المعرب والمطور من مدونة نصائح للمدونين ,, كما ستجد هناك الكثير من قوالب بلوجر المعربه والمطوره بأحدث الإضافات لتناسب المدون العربى ,, فقط قم بزيارة مدونة نصائح للمدونين على الرابط التالى http://ar-blogger-tips.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuVPaWefPtWAfaGPY6PrUhUH2HBOFXTOpjNfnhhBXiMoYYxrwhPOmtY5niGjRBnQRtUDLykoKGGkx9VShv1IhBrjsvYqL0_KY6ELIvf2Wx3WUY5y-ciGDHZ4H_2O5yXBQP5RW2-WGgRgo/s1600/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>ضع هنا العنوان الثالث فى عارض الشرائح</a>
</h3>
<p>
تستطيع الحصول على هذا القالب المعرب والمطور من مدونة نصائح للمدونين ,, كما ستجد هناك الكثير من قوالب بلوجر المعربه والمطوره بأحدث الإضافات لتناسب المدون العربى ,, فقط قم بزيارة مدونة نصائح للمدونين على الرابط التالى http://ar-blogger-tips.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvzjX8B4K5UHAyoXqmlQIM_o-vlm4QrqdldRjoeSIwnUFIoDcLu5RFL6F3cjBH9_-eC4YEx-xq1tUgCjuSya8UmPlylGjYvizhO-pngaVvE0eATeLB5rfIZ_2CQOGNfM3DY1zv_v8xrg/s1600/4.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>ضع هنا العنوان الرابع فى عارض الشرائح</a>
</h3>
<p>
تستطيع الحصول على هذا القالب المعرب والمطور من مدونة نصائح للمدونين ,, كما ستجد هناك الكثير من قوالب بلوجر المعربه والمطوره بأحدث الإضافات لتناسب المدون العربى ,, فقط قم بزيارة مدونة نصائح للمدونين على الرابط التالى http://ar-blogger-tips.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheaQ-pRYlf6idpNYJCjnRThjlPXvTK9Lk0d4baofrQmS_XLZOudfnmZ4aNk0rlvSMEhBlddigSRslnXAxu1ivXK1OwkyQXIApNB0uFMptJ41QZ6dcRLPjM7-A1gU5X0nJJwboH7SxA_7M/s1600/5.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>ضع هنا العنوان الخامس فى عارض الشرائح</a>
</h3>
<p>
تستطيع الحصول على هذا القالب المعرب والمطور من مدونة نصائح للمدونين ,, كما ستجد هناك الكثير من قوالب بلوجر المعربه والمطوره بأحدث الإضافات لتناسب المدون العربى ,, فقط قم بزيارة مدونة نصائح للمدونين على الرابط التالى http://ar-blogger-tips.blogspot.com
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->

</div>

<div class='fp-nav'>
    <span class='fp-pager'/>
</div> 
           
</div>
</div>
<div style='clear:both;'/>

</b:if></b:if>

<!-- Featured Content Slider End -->
وقم بتعديل الأكواد والجمل والكلمات الملونه كما هو مبين .

تعديل القائمه الأفقيه العلويه

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

mercredi 27 février 2013

شرح كامل وتفصيلى لطرق تعريب قوالب بلوجر

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

البرامج المستخدمه فى خطوات تعريب قالب بلوجر والتطوير

  1. متصفح الفايرفوكس .
  2. برنامج النوت باد ++ .
  3. إضافة الفاير باج لمتصفح الفاير فوكس .
  4. برنامج النوت باد العادى الخاص بالويندوز .
  5. برنامج كلر بايك .

الخطوه الأولى : تغيير إتجاهات الكتابه فى القالب وعكسها يدويا

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

طبعا بعد تحميل القالب الأصلى على مدونتنا نقوم بالذهاب إلى تحرير HTML الخاص بالقالب , ثم نقوم بتوسيع عناصر المستخدم , ثم نظلل الكود بكامله ونقوم بعمل نسخ له .

نفتح ملف نوت باد جديد من برنامج النوت باد العادى الخاص بالويندوز , ثم نلصق فيه كود HTML الخاص بالقالب الذى قمنا بنسخه سابقا .

نفتح قائمة Edit ثم نختار Replace وسيكون الشكل كما مبين فى الصوره
نقوم فى الخانه الأولى بكتابة Right وفى الخانه الثانيه بكتابة Ymen ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Left وفى الخانه الثانيه بكتابة Ysar ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Ymen وفى الخانه الثانيه بكتابة Left ثم نضغط على زر Replace All .
ثم نقوم فى الخانه الأولى بكتابة Ysar وفى الخانه الثانيه بكتابة Right ثم نضغط على زر Replace All .
ثم نغلق هذا المربع الحوارى , ونظلل الكود كاملا ونقوم بنسخه , ثم نلصقه فى مكان أكواد HTML الخاص بقالب المدونه على لوحة تحكم بلوجر ( بدلا من الكود الأصلى ) .
ثم نقوم بحفظ القالب , وبهذا نكون قد إنتهينا من الخطوه الأولى .

الخطوه الثانيه : تبديل الحواشى والمحاذاه

القالب ملىء بأكواد padding و أكواد margin وتكون فى صور متنوعه كالآتى
padding: 3px 10px 5px 4px;
padding: 3px 4px 9px;
padding: 6px 2px;
padding: 8px;
padding-right: 9px;
padding-left: 5px;
margin: 3px 10px 5px 4px;
margin: 3px 4px 9px;
margin: 6px 2px;
margin: 8px;
margin-right: 2px;
margin-left: 3px;
فى تعريب القوالب نهتم فقط بأنواع الأكواد التى تشبه الكودين التاليين فقط
padding: 3px 10px 5px 4px;
margin: 3px 10px 5px 4px;
ومهمتنا هنا هى أن نقوم بتبديل الأرقام بين القيمتين الثانيه والرابعه ( من إتجاه اليسار طبعا ) وسنشرح الآن كيف نقوم بعمل ذلك بأسهل طريقه .

نحن طبعا نستخدم متصفح الفايرفوكس لذا فعلينا البحث عن أول الكود كى نقوم بتبديله , وللبحث نقوم بضغط CTL+F وسيظهر لك مربع البحث فى أسفل متصفح الفايرفوكس كما فى الصوره
نقوم بالبحث أولا عن جزء من بداية الكود مثلا
padding:
ونقوم بضغط زر NEXT كى نتنقل من كود إلى آخر , وكلما وجدنا كودا يشبه الكود الذى ذكرناه سابقا نقوم بتبديل القيمتين الثانيه والرابعه , حتى ننتهى من كل هذه الأكواد المشابهه فى القالب .
وثانيا نقوم بالبحث عن جزء من بداية الكود الثانى مثلا
margin:
ونكرر ما فعلناه فى الخطوه السابقه .

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

وفى نهاية التعديلات نقوم بحفظ القالب .

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

حمل برنامج تعريب قوالب بلوجر من سيرفر الميديا فاير بالضغط هنا ( مساحة البرنامج 11 ميجا بايت )

ملحوظه : من الممكن أن تواجه مشاكل فى حال استخدامك برنامج التعريب الآلى ( قليلا جدا ما تحدث ) , فى تلك الحاله عليك الإعتماد على طريقة التعريب التفصيليه اليدويه .

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

أسهل طريقه لتغير خط مدونتك على بلوجر إلى خط عربى إحترافى جديد

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

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

وجوجل تقدم لنا الآن 6 خطوط عربيه جديده وهى :
  1. Amiri
  2. Droid Arabic Kufi
  3. Droid Arabic Naskh
  4. Lateef
  5. Scheherazade
  6. Thabit
وحتى أسهل عليكم , ها هى الخطوط السته وأشكالهم فى الصور
Amiri
Droid Arabic Kufi
Droid Arabic Naskh
Lateef
Scheherazade
Thabit

والآن كيف نستخدم هذه الخطوط فى مدوناتنا على بلوجر ؟

تنقسم الخطوات إلى شقين
الشق الأول : إضافة رابط الخط
إفتح أكواد HTML الخاصه بقالب مدونتك , ثم قم بالبحث عن الكود التالى
<head>
 وضع تحته مباشرة الكود الخاص بالخط وهو كالتالى للخطوط السته على التوالى

ملحوظه : عليك بوضع السطر الخاص بالخط المطلوب فقط وليس كل الخطوط .
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/>
الشق الثانى : تعديل نوع الخط فى الجزء الذى تريد تغييره
والآن تستطيع تغيير الخط على كل أجزاء المدونه , فقط عليك معرفة كود الجزء المراد تغيير الخط فيه , وإليك شكل أكواد CSS الخاص بكل خط من الخطوط السابقه وبنفس الترتيب

ملحوظه : عليك إستخدام كود واحد من الأكواد التاليه , وإختر هذا الكود على أسس إختيارك لكود نوع الخط السابق .
font-family: 'Amiri', serif;
font-family: 'Droid Arabic Kufi', serif;
font-family: 'Droid Arabic Naskh', serif;
font-family: 'Lateef', serif;
font-family: 'Scheherazade', serif;
font-family: 'Thabit', serif;
وأخيرا يمكنكم الإستعانه بهذه الصفحه , وهى الصفحه الرئيسيه الخاصه بجوجل والتى تقدم هذه الخطوط .

Twitter Delicious Facebook Digg Stumbleupon Favorites More