شرح موقع Alexa و الاشتراك فيه

السلام عليكم و رحمة الله و بركاته

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

شرح التسجيل و اضافة مدونتك في أليكسا :
انتقل الى موقع Alexa بالضغط على هذا الرابط www.alexa.com

 ثم اضغط على Register للتسجيل

 قم بملأ بينات التسجيل

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

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

قم بالضغط على رابط التفعيل لاستكمال التسجيل

ثم قم بكتابة الرقم السري ' باسوورد ' . ثم اضغط على Sumbit password

ستجد هذه الصفحة التي تبين لك استكمال التسجيل

سيتم الانتقال الى صفحة الاعدادات تلقائيا . أو اضغط على الرابط الموجود في الصفحة ' Click Here '

هذه صفحة الاعدادات . تابع ما في الصورة لاضافة مدونتك

ستنتقل الى الصفحة الخاصة باضافة موقعك في اليكسا . ستجد ثلاثة خيارات نبدء من اليمين الى اليسار . الأول بسعر ^$149 في الشهر . و الثاني بسعر ^$ 9^.99 في الشهر . و الثالث مجاني . طبعا نحن سنختار الخيار الأول ( سعر 149 دولار/شهر ) ^_^ أمزح . . أسعار مضحكة بصفة أننا نستخدم مدونات مجانية على بلوجر . نتابع الشرح

 اضغط على Sign Up Now

 ثم قم بكتابة رابط مدونتك في الخانة

 بعد ذلك ستجد صفحة لتأكيد ملكية الموقع و ستقوم باضافة بعض الرموز في قالب مدونتك لاثبات ملكية الموقع

قم بنسخ الكود كما في الصورة التالية

 انسخ الكود و توجه الى بلوجر ( الواجهة القديمة ) - ثم > تصميم - ثم > تحرير Html
 ثم قم بالبحث عن الوسم <head> ( اضغط على Ctrl + f من لوحة المفاتيح للبحث ) . بعد أن تجد الوسم قم بلصق الكود أسفله ثم اضغط على ' حفظ القالب '

 عد الى موقع أليكسا بعد لصق الكود و اضغط على زر التأكد

 ستجد هذه الصفحة بعد التأكد من ملكية الموقع

 بعد ذلك ستجد صفحة بها تعديلات اختيارية يمكنك تجنبها بالضغط على الزر الموجود في الاسفل على اليمين ' Skip ' و لكن من الأفضل ملأ بعض البيانات ( الصورة في الأسفل ) :
خانة Site title ضع فيها عنوان مدونتك
خانة Site Description ضع فيها نبذة أو تعريف عن مدونتك
و اختر بلادك على اليمين

املأ البينات و اضغط على الزر Save

تم اضافة مدونتك لأليكسا

شرح اضافة صورة - بنر لترتيب أليكسا في مدونتك :

يمكنك اضافة في مدونتك بنر لترتيب مدونتك في أليكسا كهذا

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

ستجد كود البنر . قم بنسخه و أضفه الى مدونتك

شرح اضافة البنر لمدونتك . في صفحة القلب , اختر المكان المناسب في المدونة

ثم اختر أداة Html

و قم بلصق الكود الذي نسخته من موقع أليكسا و اضغط على حفظ

بعض الطرق لتخفيض ترتيب موقعك في أليكسا Alexa :
1 قم بتحميل شريط أليكسا ( toolbar ) و ركبه على المتصفح لتحتسب جميع زياراتك .
2 قم بنشر مقتطفات من تدويناتك في المنتديات لجلب أكبر عدد من الزوار .
3 شجع زوارك لتحميل شريط الأدوات لتحتسب زياراتهم , فالشريط له مميزات أخرى منها :
  * تعطيل الاعلانات المنبثقة POPUP
  * عرض ترتيب أي موقع تزوره في الشريط
  * مشاهدة شكل - قالب الموقع القديم و يتم حفظ صورة للشكل عند كل تغيير . و هذا مثال لمدونتي قديما . ^_^
  * يمكنك معرفة المواقع المشابهة للموقع الذي تزوره ( حسب المحتوى )

يمكنك تحميل الشريط من موقع Alexa على هذا الرابط , يتوفر شريط الأدوات ( toolbar ) لكل من المتصفحات Firefox و Explorer و تتوفر أداة ل google chrom

صورة لشريط الأدوات على متصفح Firefox

صورة للأداة على متصفح google chrom 

كيفية ربط مدونات بلوجر Blogger بدومين مدفوع من شركة جودادي Godaddy الشهيرة

يسأل البعض عن أهية الدومين المدفوع

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

السبب الثاني هو اضافة لمسة جمالية الي عنوان مدونتك و تكون سهلة الحفظ بالنسبة للزوار.

الخطوات

1 - توجه إلى موقع godaddy من خلال رابط الاحالة التالى ( يخفض السعر من 11.99 $ إلى 7.49$ ).

2 -  اكتب اسم النطاق الذى ترغب فى شرائه داخل مربع البحث الكبير , ثم اضغط Go.

3 - فى حالة ما إذا كان اسم النطاق متاحاً و غير محجوز مسبقاً , فستظهر لك الرسالة التالية , قم بالضغط على Continue to registration لاكمال عملية التسجيل.

 

 اضغط علي الصورة للتكبير

4 - صفحة أخرى تالية بها بعض العروض .. اضغط No thanks لتجاهلها و استكمالاً للخطوات.

 اضغط علي الصورة للتكبير

5 - حان الآن وقت ملئ البيانات الخاصة بك من خلال الاستمارة التى تظهر لك ( تملأها لانشاء حسابك للمرة الأولى بالجودادى ) .. ملحوظه : يمكنك كتابة بيانات مستعارة ( ما عدا البريد الالكترونى ) ؛ حيث أن تلك البيانات ستكون متاحة لمن يريد الاطلاع عليها.

6 - بعد الانتهاء من ادخال بيانات التسجيل الخاصة بك و الضغط على Next , ستنتقل لاختيار المدة التى ترغب فى تحجز النطاق خلالها ( من سنه و حتى 10 سنوات ) .. مبدئياً يمكنك اختيار سنة واحدة ثم التجديد بعد ذلك سنوياً إن أردت.

 

 اضغط علي الصورة للتكبير

 

 

7 - الصفحة التالية بها المزيد من العروض .. تأكد من أنك قد اخترت العرض الأساسى standard registration , ثم اضغط next للاستمرار.

 اضغط علي الصورة للتكبير

8 - اضغط next ثانية لتخطى آخر مرحلة فى عملية التسجيل.

 اضغط علي الصورة للتكبير

9 - اضغط الآن على زر continue to checkout الموجود فى المربع جهة اليمين ( تنبيه : لا تضع علامة أمام جملة Round up and give to hope for haiti ؛ لأنك بذلك ستتبرع لضحايا هاييتى !! وأظن أن إخواننا فى الصومال أولى ).

ولاحظ أن الثمن المطلوب الآن هو 7.67 $ فقط و ليس 11.99 $ ؛ نظراً لأنك قمت بالشراء من خلال رابط احالة .

10 - الصفحة التالية يتم ادخال بيانات الدفع من خلالها .. ففى البند رقم 1 قم باختيار طريقة الدفع ( هنا سنختار credit card ) , ثم قم بكتابة بياناتك الحقيقية فى الاستمارة رقم 2 , وفى الاستمارة رقم 3 قم بكتابة رقم بطاقة الانترنت  فى الخانة الأولى , ثم اسمك كما هو مكتوب على البطاقة حرفياً فى الخانة التى تليها, و نوع البطاقة (Visa - Mastercard ) , ثم تاريخ انتهاء مدة الصلاحية للبطاقة.

 اضغط علي الصورة للتكبير

11 - و أخيراً حانت اللحظة الحاسمة .. فبمجرد نقرك على زر place order now يصبح النطاق ملكك .. بس خلاص !

ما فعلناه فى الخطوات السابقة هو مجرد شراء اسم النطاق فقط , و بقى الآن أن نقوم بربطه بمدونتك

1 - بعد تسجيل الدخول إلى حسابك على Godaddy , قم بالضغط على my account.

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

 اضغط علي الصورة للتكبير

3 - ستفتح لك صفحة أخرى , قم بالبحث عن قائمة DNS Manager , ثم اضغط على Lunch التى توجد بأسفلها.

4 - ستظهر لك الآن مجموعة من الجداول .. توجه إلى الجدول المعنون بـ ( A(Host و نفذ الآتى :

     أ - اضغط زر Quick Add الموجود أسفل الجدول.
     ب - أكتب فى العامود الأول و المسمى Host علامة @
     ج - و فى عامود point to أكتب 216.239.32.21
      د - اترك خانة TTL كما هى على القيمة الافتراضية 1 Hour.

ثم كرر ما سبق لاضافة عناوين الـ IP الباقية و هى :
216.239.34.21
216.239.36.21
216.239.38.21 

يسأل البعض عن تلك العناوين  و الاجابة ان هذه الايبيهات هي الايبيهات الخاصة بسيرفرات جوجل

و الصورة التالية توضح الصورة النهائية المفترض أن تكون بعد اضافة أرقام الـ IP الأربعة :

5 -  فى نفس الصفحة ستجد جدولاً آخر معنون بـ (CNAME (Alias .. قم بالبحث عن كلمة www فى العامود الأول ( غالباً ستجدها فى آخره ) .. و بدلاً من علامة @ التى توجد أمامها فى العامود point to , استبدلها بـ ghs.google.com , و ليصبح الشكل النهائى للجدول كما هو موضح بالصورة التالية :

 اضغط علي الصورة للتكبير

6 - اضغط Save Zone File لحفظ التغييرات.

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

8 - اذهب إلى القسم Setting الخاص بمدونتك , ثم اضغط على Add custome domain الموجودة تحت تبويب Publishing.

 اضغط علي الصورة للتكبير

9 - اضغط الآن على Advanced Settings , ثم اكتب اسم موقعك كاملاً الذى قمت بشرائه على Godaddy كما هو موضح بالصورة التالية ثم اضغط save :

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

بالتوفيق لكل مستخدمي منصة التدوين بلوجر

مشكلة عدم ظهور صور مدونات بلوجر في السعودية و كيفية حلها

موضوع اليوم هو كيفية حل مشكلة عدم ظهور صور مدونات بلوجر ( الصور المرفوعة داخل سيرفرات جوجل ) في دولة السعودية

حيث قامت السعودية بحجب الصور التي ترفع عبر مدونات البلوقر والتي لها الامتداد

 2.bp.blogspot.com

صورة توضحية للمشكلة

حل المشكلة

عليك باستبدل الرقم (2) في أي رابط صورة محجوب بأي من الأرقام التالية: ( 1 ، 3 ، 4 ) ،يمكنك  أن تجرب الآن في الصور. وعليك التأكد أن قالب مدونتك تظهر بشكل جيّد بالنسبة لزوار مدونتك من السعودية ، وذلك بالبحث في قالب مدونتك عن:

2.bp.blogspot.com

واستبدال الرقم 2 بالأرقام التي أشرت لها سابقاً.

 

بالتوفيق للجميع

صناديق CSS للمدونات و المواقع

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

مثال لصناديق محدبة الزوايا (خصائص css3)

مثال لصناديق css عادية

لتستعملها في تدويناتك أو صفحات موقعك يكفي أن تزرع كود css الخاص في قالب موقعك أو مدونتك، مثلا في بلوجر نضع كود css قبل ]]></b:skin> من صفحة تحرير html، و في ووردبريس نزرع الكود نفسه في ملف style الموجود في مجلد القالب المستعمل و نفس الطريقة صالحة لباقي المواقع ...

كود css

/*MESSAGE BOX WITH ICONS*/
.msg-box, .ok-box, .success-box, .warning-box, .error-box{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
}
.msg-box{
border:solid 1px #8e8e04; 
background:#FFFFCC url(images/msg.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}
.ok-box{
border:solid 1px #27739d; 
background:#94d5fb url(images/ok.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}
.success-box{
border:solid 1px #90ac13; 
background:#eef4d3 url(images/success.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}
.warning-box{
border:solid 1px #ba4c0e; 
background:#ffcaa4 url(images/warning.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}
.error-box{
border:solid 1px #dc2727; 
background:#f2abab url(images/error.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}


/*MESSAGE CSS BOX*/
.yellow-box{
border:solid 1px #8e8e04; 
background:#FFFFCC;
color:#222222;
padding:6px;
text-align:center;
}
.blue-box{
border:solid 1px #27739d; 
background:#94d5fb;
color:#222222;
padding:6px;
text-align:center;
}
.green-box{
border:solid 1px #90ac13; 
background:#eef4d3;
color:#222222;
padding:6px;
text-align:center;
}
.orange-box{
border:solid 1px #ba4c0e; 
background:#ffcaa4;
color:#222222;
padding:6px;
text-align:center;
}
.red-box{
border:solid 1px #dc2727; 
background:#f2abab;
color:#222222;
padding:6px;
text-align:center;
}

طبعا يجب استبدال روابط الصور في الكود بعد رفعها على موقعك و تجدها ملحقة بالمثال المتاح للتحميل في نهاية الموضوع. أما مستعملي بلوجر فيمكنهم إعادة رفعها أو استعمال هذا الكود المرفوعة صوره مسبقا على بلوجر بدل الأول.
الآن و قد زرعنا كود css في القالب سنرى كيف سندرج الصناديق الملونة في مواضيعنا أو على صفحات موقعنا. الأمر بسيط جدا سنستعمل كود HTML الآتي :

<div class="ok-box">أنا رسالة داخل صندوق أزرق</div>

و سيبدو كالآتي:

أنا رسالة داخل صندوق أزرق

طبعا ok-box تميز الصندوق الأزرق ذو الأيقونة، إن أردت استعمال صندوق آخر ما عليك سوى استبدالها بأخرى مميزة للصندوق المطلوب. مثلا صندوق الخطأ الأحمر تميزه error-box و صندوق التحذير البرتقالي تميزه warning-box ... باقي التخصيصات توضحها هذه الصورة.
للاستئناس أكثر يمكنكم استعراض الصناديق أو تحميل القن المصدري.

تحميل HTML

استعراض

اعتمادا على هذه الصناديق يمكنك ابتكار تشكيلات اخرى باستبدال الأيقونات و الألوان ...
روابط استفدت منها في كتابة الموضوع:
 CSS Message Box collection
أيقونات Xiao المجانية مقدمة من  Neversay
نسألكم الدعاء!

توجيهات لتهيئة مدونات بلوجر لمحركات البحث SEO

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

رجاء احفظ نسخة احتياطية من قالبك قبل أي تعديل!

1 - تحسين عنوان مدونات بلوجر و زيادة صداقته لمحركات البحث.

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

عنوان المدونة | وصف قصير

مثال

مدونة ذؤيب | قوالب بلوجر, أدوات و إضافات لكل المدونات.

ما سبق كان الطريقة الأولى أما الثانية و هي التي أنصح بها فتكون بإجراء تعديل في القالب من صفحة تحرير html ، حيث سنبحث عن هذا الكود و نجده بأعلى القالب.

<title><data:blog.pageTitle/></title>

ثم تحدده و نلصق مكانه الآتي.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> | وصف قصير لمدونتك </title>
<b:else/>

<title><data:blog.pageName/> | <data:blog.title/></title>

</b:if>

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

عنوان الموضوع أو الصفحة | عنوان المدونة
مثال
تسريع وندوز 7 دون برامج | مدونة هلال

الفوائد التي سنجنيها من هذا التعديل:

• كلمات دلالية قوية للصفحة الرئيسية .
• تجنب تكرار عناوين الصفحة كما كان يحدث قبلا .
• تؤهلنا لمتابعة التلميحة الثانية :)

2 - كلمات دلالية Keywords و وصف ميتا Meta Description خاصين لكل صفحة.

 في بلوجر لا يمكنك كتابة وصف أو كلمات دلالية خاصة لكل موضوع أو صفحة، بل تستعمل تلك الخاصة بالصفحة الرئيسية لكل الصفحات و هذا غير صحي لصداقة محركات البحث، فلو كنت تستعمل أدوات مشرفي المواقع من جوجل Google Webmaster ستلاحظ هذا الخلل حيث ستجد في تبويب اقتراحات html أخطاء مثل "وصف ميتا مكرر ، العدد 66" مثلا أو كلمات دلالية مكررة  ... الحل هو الآتي.
من صفحة تحريري html مباشرة تحت الكود السابق أضف الآتي.

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>

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

3 - تلميحات سريعة و نصائح لتهيئة مدونتك لمحركات البحث.

• احرص أن تكون عناوين المواضيع مقتضبة و تتضمن الكلمات الدلالية المناسبة.
• الأخطاء الإملائية قد تفقدك كثيرا من الزوار و خصوصا ما لحق منها الكلمات الدلالية، فاجتنبها!
• حاول أن يكون لمدونتك روابط dofollow في بعض المواقع ذات التزكية الكبيرة (pagerank).
• بعض المدونين يلجأ لمسح العنوان من إعدادات المدونة، أو وضع نقطة مكانه لكي لا يظهر فوق صورة الشعار، و هذا من الأخطاء الشائعة، و حله بسيط فعند رفع صورة رأس الصفحة (الهيدر) يجب تفعيل خيار "بدلا من العنوان و الوصف" أو بإضافة قليل من css لقالب المدونة

.Header h1
{
visibility:hidden;
}

• تهيئة المدونة لمحركات البحث يجب أن يواكبه نشر محتوى جيد و منتظم.
• المرتبة الحسنة في صفحات البحث لا تأتي بين ليلة وضحاها، قليل من الصبر سيكون مفيدا!