طابور اليكسا واضطراب الترتيب

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

الطابور

أكيد تعرفه !! ومن منا لا يعرف الطوابير بدئاً من طابور فرن العيش الى طابور الإنتخابات الى طابور الصباح في المدارس الذي ليس منه اي فائده غير أنه يرهق الطلبة المهم
نفترض انك تقف في طابور مكون من 100 فرد وأنت رقم مئة
كم العدد الذي تحتاج تجاوزه لتصبح رقم 50 ؟؟
سأوفر عليك العملية الحسابية عليك تجاوز 49 فرد
لكن ماذا لو كان الطابور مكون من 1000 فرد ؟؟
ستحتاج لتصل لرقم 50 ان تتجاوز 949
بالرغم أنك في الحالة الثانية انجزت انجاز أكبر وتجاوزت عدد اضعاف العدد السابق إلا أن ترتيبك لم يتغير ما تزال رقم 50
لكن هنا أصبح للرقم 50 قيمة أخرى وهي انه بعدك 949 شخص اى أن قيمة موقعك ارتفعت مع عدم تغيره

هذا بالضبط ما حدث وما يحدث وما سيحدث مع ترتيب اليكسا

كل يوم هناك مواقع جديدة تفتح وتنافس في اليكسا
وبالتالي كل يوم قيمة مكانك في الترتيب ترتفع 
يعني من كان يريد ان يصل لترتيب 2 مليون منذ عام كان يحتاج مثلا 30 زيارة يوميا أما اليوم فيحتاج مثلا 50 الى 60 زيارة
لم يتغير الترتيب مازال 2 مليون لكن المنافسة جعلت قيمته من الزائرين أعلى فلنعتبر ان الزوار هم سعرالترتيب في اليكسا
اصبح ترتيب الـ 2 مليون سعرة 60 زيارة 
لذلك لو انه من عام ترتيبك كان 2 مليون ولديك 30 زيارة لو الآن لديك 40 زيارة واصبح ترتيب 3 مليون 
أنت لم تنحدر بل تفوقت ولكن القيمة هي التي اختلفت
لذلك كان يتم اعتبار سابقاً من يصل لمربع الـ 500 الف حقق انجاز اليوم من يصل لمربع الـ مليون حقق انجاز أكثر مما حققه صاحبا لـ 500 الف من عام
لأنك الآن تحتاج لزيارات أكثر من التي حققها صاحب الـ 500 الف من عام لتصل للمليون

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

نموذج اتصال بلوجر المطور

customize blogger email form widget
من الإضافات الحديثة في بلوجر هي اضافة نموذج الإتصال وهي ظهرت منذ حوالي 6 أشهر وفكرت كثيراً قبل ان اتكلم عنها ولكن أحببت أنه عندما اعرضتها يكون الأمر به شئ جديد طبعا تحدثنا من قبل عن نموذج اتصال FoxyForm وساضع مقارنة بسيطة بينهما للتتعرف على مميزات وعيوب كل منهما وتختار ما يناسبك ملحوظة هذه النسخة من الإضافة تنسيق خاص بنا وسيتم شرح طريقة التعديل حتى تصل للنتيجة التي تناسبك لكن قبل المقارنة يمكنك معاينة الإضافة بتنسيقها الخاص بنا من الرابط التالي


المقارنة

البنودنموذج بلوجرfoxyform
دعم اللغة
سهولة التركيب
امكانية تنسق الشكل
تنسيق الرسالة المرسلة
الحماية من السبام عبر كلمة التحقق

طريقة التركيب

قم بالدخول لصفحة التخطيط ثم أضف آداة نموذج الإتصال ستجدها في المزيد من الأدوات

blogger Email form

بعد ذلك قم بالدخول لصفحة تحرير القالب ثم اختار الآداة بالشكل التالي

chose widget

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

remove code

ملحوظة في حالة أن الآداة تحمل رقم آخر غير الرقم واحد أي مثلاً ContactForm2 قم بتغييره الى واحد

آخر جزء في عملية التركيب

ننشئ صفحة ثابته جديد أو ان كانت لديك واحده منشئه
قم بوضع الكود التالي بها بعد أن تحول صندوق المواضيع من وضع تأليف الى وضع Html احذف اى شئ موجود ثم أضف الكود







   

   
   


   
   


   
   


   
   
   


   

   


   


   

   

   




بعض التنسيقات
اللونين #ddd,#fff هما الوان تدرج الخلفية
الرقم 777 هو لون الظل ولون الإطار الخارجي
الكودين الأخضر والازرق هما الوان تدرجات الأزرار يمكنك تغيرهما
وطبعا مع قليل من الخبرة في CSS ستستطيع تنسيقها بشكل أفضل
وبالتوفيق

نظرة على طريقة عمل الجداول

create tables in an HTML and CSS
تعتبر الجداول من الأشياء الهامة التي تساهم في عمل عرض جيد للكلمات والروابط والصور وتتعدد إستخداماتها لكن قليل من المدونين من يستخدمها والكثير يراها معقده ولا يفهم طريقة اعداداتها سنبسط طريقة عمل الجداول بأسهل شكل بحيث تتمكن من ادراجها بكل سهولة في مدونتك أو تصنع منها ادوات او أى شئ تريده البعض يظن أن الجداول هي فقط عمل جدول كتابي ولكن يمكن للجداول ان تصنع منها العديد من الاشياء لو نظرنا للصورة الخاصة بالموضوع لوجدنا جداول لمقارنات بين منتجات أو تصنيف يدخل بها رموز دول أو أسعار منتجات او يمكنك عمل بها أشياء اخرى مثل نتيجة أو جدول لدرجات الحرارة أو مواقيت الصلاة أو البومات للصور والروابط حتى التبادل الإعلاني والصور التي نستخدمها به هي جداول لذلك معرفة طريقة عملها مهم جداً لمدوني بلوجر

نبدا على بركة الله
هذا هو أبسط شكل منسق للجداول

العنصر الأولالعنصر الثانيالعنصر الثالث
العنصر الأولالعنصر الثانيالعنصر الثالث

وهذا هو الكود وسنقوم بشرحة


style="background:#F66">














العنصر الأولالعنصر الثانيالعنصر الثالث
العنصر الأولالعنصر الثانيالعنصر الثالث

جزء الستايل

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

بالنسبة لهذا الكود border:1px solid #000; الرقم 1 هو حجم الإطار الذي يفصل بين الخانات واللون #000 هو لو الإطار

أما الكود الاخير width:125px; فهو يعبر عن عرض الخانات

هذا هو الجزء الأساسي في التنسيق وطبعا من له خبره في Css سيستطيع التعامل معه بشكل أفضل

جزء الـ HTML


يتكون الجدول من الوسم



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



 

أصبح هكذا سطر يحتوي ثلاث خانات 
 


 




 

هكذا أصبح لدينا سطرين كل منهما يحتوي ثلاث خانات
لو نظرنا للمثال الموجود سنجده أنه أيضا جدول مكون من ثلاث أسطر كل منهما يحتوي ثلاث خانات
طبعا يمكن الزيادة في عدد الخانات لكن هناك جزء زائد وهو
style="background:#F66"
هذا الجزء هو لون الخلفية ان وضعناه بعد وسم السطر سيصبح بهذا الشكل
 #F66">
معناه أن هذا السطر باكمله سيصبح بهذا اللون #F66
وبالتالي يمكنك التلاعب بلون كل سطر

أما لو وضعنا نفس الكود ولكن بعد وسم أحد الخانات بهذا الشكل  فيصبح
#3FC">  
معناه أن تلك الخانة وحدها ستصبح بلون مختلف وهو ما نراه في الجودل
أن الخانة الوسطى من السطر السطر الثاني لونها مختلف

يمكنك تكرار أى عدد من الأسطر والخانات لتنشئ جدولاً

لكن كيف نحدد ما بداخل الخانة هل هو نص أم رابط أم صورة أم صورة قابلة للضغط ؟؟

ببساطة اضف بين كود الخانة أحد هذه الأكواد

إضافة رابطName
إضافة صورة
إضافة صورة قابلة للضغط

lمكان هذا الرمز # تضيف الرابط ومكان كلمة name تضيف أى كلمة تريد
 ومكان هذا # الوجود في هذا الكود src="#" تضيف رابط الصورة
وطبعا هذا مثال لإضافة رابط داخل خانة
أو في المثال الاصلي ستجد الثلاث خانات الأخيرة تحتوي صور
 أتمنى أن يكون الامر واضحاً وهذه مجرد فقط وضع قدمك على سلم التعامل مع الجداول
فابدع وأطلق لمخيلتك العنان
وبالتوفيق

قالب Zylyz معرب ومطور

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


مميزات القالب

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

متوافق مع المتصفحات العالمية

يحتوي على أربع أدوات في الفوتر

تم اضافة أكواد الميتا تاج في بداية القالب قم بتغيير ما يلزم

يحتوي على قائمة منسدلة وهي من التطويرات

فقط ندخل الى صفحة التخطيط ونحرر الآداة Css menu ونضيف بها هذا الكود


وللتعرف أكثر على التعامل مع القائمة قم بزيارة الوضوع التالي من هنــا

يحتوي القالب على اضافة معلومات عن الكاتب بشكل يتناسب معه

يمكن البحث عن كلمة الكاتب وتغيير ما يلزم ومهم زيارة هذا الوضوع لشرح الإضافة من هنــا

يحتوي القالب على سلايدر جذاب ويتم تخصيصه بتعديل هذه الاكواد


   

   

   

   

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


اعطاء فديوهاتك على بلوجر شكل مميز

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


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

ثم فوق الوسم ]]> أضف الكود التالي
.cnmuvideo {
  background:#FFFFFF;
  border: 6px dashed #D73B36;
  border-radius: 15px;
  box-shadow: 0 0 5px 4px #000000;
  height: 315px;
  padding: 10px;
  width: 420px;
  margin:10px auto;
}

وهذه هي طريقة التنسيق


اللون #FFFFFF هو لون خلفية الفديو
أما هذا اللون #D73B36 هو لون الإطار الخارجي
الرقم 6 هو حجم الإطار
أما بالنسبة لكلمة dashed  فهي تعني ان الإطار عبارة عن خطوط متقطعة
يمكن استبدالها بـ dotted لتصبح نقاط متقطعة
أو solid ليصبح الإطار خط كامل دون تقطيع
الرقم 15 هو درجة نعومة الحواف
هذا اللون #000000 هو لون الظل الخارجي
والرقم 315 هو ارتفاع الفديو
و 420 هو عرض الفديو
طبعا الإرتفاع والعرض المحددين سيكونان هما أيضا المستخدمان في كود الفديو

طريقة اضافة الفديو 


عندما يأتي وقت اضافة الفديو وانت تكتب الموضوع قم بتحويل صندوق كتابة الرسائل من وضع التأليف الى وضع HTML
ثم اضف الكود التالي

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


وكما ترى العرض والإرتفاع في كود الفديو هما نفس لعرض والإرتفاع في الكود السابق
انتهى درسنا بفضل الله

الحزمة الخدمية للتعامل مع الصور XnView Shell Extension

XnView Shell Extension
الصور والتعامل اليومي معها جزء من عمل المدون وطبعا هناك العديد من البرامج التي تتيح التعامل مع الصور لكن السرعة مطلوبة في بعض الأمور كتحويل صيغ الصور او تعديل الإتجاهات أو حتى رفعها وهنا ياتي دور تلك الحزمة الخدمية فهي حزمة تضيف خيارات على الزر الأيمن للماوس تمكنك من معاينة الصور وتحويل الإمتداد او قلب الصور أو نسخها أو حتى رفعها بضغطة زر بدون فتح برامج او أى شئ فقط كليك يمين واختار الأمر الذي يعجبك يمكنك التحويل بين الصيغ الآتية GIF, BMP, JPG, PCX, PNG, TIF, TGA  وطبعا هذا يوفر الكثير من الجهد كما انها تمكنك من رفع الصور السريع على موقع ImageShack كثير من المميزات في هذه الحزمة البسيطة يجب ان تكون على جهازك
إسم الحزمة : XnView Shell Extension
الترخيص : مجاني
الإصدار : V3.50
بيئة العمل : Windows 2000/XP/2003/Vista/7
الحجم : 1 ميجا تقريباً صغير جداً



قائمة منسدلة خفيفة فقط CSS

CSS Drop Down Menu
القوائم المنسدلة من الإضافات الهامه في المدونات خصوصا التي تحتوي الكثير من الاقسام فهي تغني عن مساحات تذهب هدراً في القالب وهناك عدة أنواع من تلك الإضافة منها ما يعمل بتقنية جي كويري Jquery ومنها ما يعمل باكواد CSS فقط , ماالفرق بينهما ؟ الفرق ان التي تعمل بتقنية جي كويري اكثر تطورا لكنها أثقل  أما الـ CSS فهي خفيفة للغاية وسهلة التعامل وانا أفضلها جداً ولهذا قمت بإنشاء هذه الإضافة وراعيت أن تكون سهلة التركيب و التنسيق للجميع لكي يتحكم بها كل مستخدم كما يريد


بالنسبة لطريقة التركيب فقط أضف الكود التالي في آداة HTML/JavaScrupt



والآن مع شرح التنسيق


هذا #222222 هو لون الخلفية الاساسية للقائمة غيره بما يعجبك أو استبدله بـ transparent إن أردت عدم وجود خلفية
هذا #fff  هو لون الخط
أما الرقم 15هو حجم الخط
هذا #ccc هو لون الخلفية عند تمرير الماوس
وهذا #000 هو لون الخط عند تمرير الماوس
هذا #000 هو لون خلفية القائمة المنسدلة
 وهذا #bbb هو لون الفاصل بين كل سطر

وهذا هو شرح إضافة روابط أو قوائم جديدة


كرر السطر الأحمر في حالة الرغبة في إضافة عنصر جديد
الجزء الأزرق كاملأ هو إضافة قائمة منسدلة بداخلها قائما منسدلة أخرى كما هو موجود في المعاينة
الجزء الأخضر هو القائمة المنسدلة الفرعية يمكنك ازالتها أو تكرارها ان أردت زيادة
قليل من التركيز في الأكواد ستنجح في تنسيقها كما تريد
وطبعا تغير إسم كل رابط كما تريد وبالنسبة لرمز الـ # إستبدله بالرابط المراد فتحه عند الضغط على العنصر
وبالتوفيق

إنشاء البومات صور من صفحات فيس بوك على بلوجر

Facebook Photo Gallery in Blogger
بلوجر والمواقع الإجتماعية اصبحوا في تقارب شديد خصوصا الفيس بوك أصبح جزء من بلوجر خصوصا ان هناك الكثير من المدونات قائمة على دعم صفحات الفيس بوك وطبعا يهم هذه الفئة من المدونين وجود رابط في الأخبار والمقالات والصور على بلوجر ولهذا ستكون هذه إضافة قيمة جداً فهي إضافة تمكن من أخذ جميع البومات أى صفحة تعجبك ثم تضيفها الى مدونة بلوجر ويمكن أن تصنع صفحة البومات للعدد الذي تريده من الصفحات لا مشكلة ويعمل هذا الألبوم بتقنية جي كويري JQuery وتفتح الصور في إطار ColorBox أى لن تخرج بعيداً عن مدونتك والآن مع هذا المثال الحي

معايـــنة


كما نرى هذه البومات صفحة قناة هدى HudaTV 
الآن كيف تضيف  البومات الصفحة التي تريد
أول شئ يجب ان تحصل على معرف الصفحة وذلك بالطريقة التالية
ادخل على هذا الرابط findmyfacebookid.com
ستجد صندوق كتابة ضع به رابط الصفحة
مثال صفحة هدى
https://www.facebook.com/Huda.Tv
ثم إضغط على زر Lookup numeric ID
سيظهر رقم قم بنسخة هذا هو المعرف افعل نفس الطريقة مع اي صفحة تعجبك
نأتي لطريقة التركيب يمكنك إضافة الكود التالي إلى صفحة ثابته او موضوع لا مشكلة
""المهم ان يكون عرض الصفحة أكثر من 640px ليظهر الصندوق بشكل جيد
حتى لو لم تكن كذلك سيظهر لكن قد يكون خارج قليلا عن الإطار""
ولكن عند الإضافة حول صندوق الكتابة من وضع التأليف الى وضع HTML
هذا هو الكود






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

إضافة مواضيع ذات صلة بشكل العناوين

Related Posts Blogger Widget
إضافة أخرى من إضافات مواضيع ذات صلة بشكل مميز مع امكانية التنسيق والتنسيق الرئيسي للآداة حصري لكن مدون طبعا الفرق بين هذه الآداة والآدوات السابقة هو أنها أخف نظراً لأنها لا تحتوي صور مجرد عناوين الرسائل وهي مناسبة للمدونات كثيرة المواضيع والتي تهتم في الاساس بالعناويين كالمدونات الإخبارية والتقنية شكل الآداة كما ترونه في الصور وسيتم شرح طريقة التنسيق ليتناسب مع شكل مدونتك ويمكن تركيب هذه الإضافة مع الإضافات الأخرى التي تعتمد على الصور لا مشكلة أو يمكن الإكتفاء بها تابع معي طريقة التركيب

 الخطوة الاولى


ابحث عن هذا الوسم في القالب وأضف فوقه الكود التالي



يمكنك تغيير كلمة مواضيع ذات صلة بكلمة تناسبك
والرقم 5 قم بزيادته ان اردت زيادة عدد الروابط
انتهى بحمد الله


القالب الشهير Infrared

infared blogger template
القالب الشهير Infrared هو احد أشهر القوالب الخاصة بوورد بريس وتم تحويله لبلوجر نظراً لكثرة الطلب عليه وهو ليس قالب حديث لكنه يظل متميزاً ولم يتوقف الطلب على نسخ لهذا القالب لكن المشكلة انني تقريباً كل النسخ التي رايتها بها أخطاء كثيرة سواء العربية او الإنجليزية ولم ارى نسخة مكتملة التعريب بشكل جيد لذا قمت بعمل ترميم للقالب وتعريبه بشكل جيد ومن استخدم نسخ سابقة من هذا القالب سيعلم الفرق جيداً بين هذه النسخة وغيرها القالب منقسم لثلاث اعمدة عمودين لصندوق الرسائل وعمود السايد بار القالب يليق باى نوع من المدونات فشكله يتوافق مع كل المحتويات انا شخصيا لست من محبي القوالب الداكنة لكن هذا القالب حقاً مميز , لا داعي لكثرة الكلام جاء وقت المعاينة والتحميل





 معلومات وتنسيق القالب

يحتوي القالب على مساحة إعلانية في الهيدر بمقاس 468x60

يحتوي على قائمة منسدلة في أعلى القالب وطريقة تنسيقها كالتالي

  • الرئيسية


  • عن المدونة

  • راسلنا

  • مدونة


  • قائمة
     



  • قائمة
      



  • رابط


  • كرر الكود الأحمر لزيادة الروابط
    كرر الكود الأزرق لزيادة قائمة منسدلة
    الكود الأخضر داخل القائمة المنسدلة معناه قائمة منسدلة داخلية كما تراها في المعاينة كرره ان اردت زيادتها

    يحتوي القالب على قائمة منسدلة أخرى وهذه طريقة تنسيقها

    نفس طريقة التنسيق

    يحتوي أيضا على سلايدر وهذه أكواد تنسيقه



    سلايدر رقم واحد


    قم بتغير هذه الجملة كوصف للسلايد الاول







       
       


    سلايدر رقم 2


    قم بتغير هذه الجملة كوصف للسلايد الثاني







       
       


    سلايدر رقم ثلاثة


    قم بتغير هذه الجملة كوصف للسلايد الثالث







       
       


    سلايدر رقم 4


    قم بتغير هذه الجملة كوصف للسلايد الرابع













    طبعا الأجزاء بالعربية غيرها
    أما الروابط الطويلة فهي روابط الصور مرة مكبرة وهم الأربعة الموجودين بالأعلى
     ومرة مصغره وهم الأربعة الموجودين بالأسفل غير كل منها

    تم اضافة الميتا تاج ستجدها في اول القالب غير الكلمات الموجوده بها

    تم إضافة أكواد المشاركة الإجتماعية للقالب

    وتم تنسيق التعليقات وإضافة التعليقات التفاعلية

    آخر اعداد ادخل على صفحة التخطيط وقم بتحرير صندوق الرسائل والغي التأشير من على خيار التاريخ الأول

    blogger Date

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

    حل بعض مشاكل القوالب عن طريق الإخفاء

    Use display none to hide blogger template parts
    كثير من المدونين غير متخصصين في القوالب ومشاكلها وهناك كثير من المشاكل تصادف مدونين ولا يستطيعون حلها غالباً تكون المشاكل في وجود أجزاء في القالب مراد حذفها مثال السلايدر رأيت العديد من الاسئلة تتمحور حول حذف سلايدر أو حذف إعلان ويبحثون عن من يحل الأمر ولكن قد يمر وقت طويل حتى يجدون من يحل لهم الأمر ولذلك سنقدم حل بسيط وسهل هو ليس حل نهائي يعني لن نحذف الجزء المطلوب حذفه ولكن سنقوم بإخفاءه حتى تجد من يحذفه لك وبالتالي يظل مظهر المدونة جيد ومضبوط ولن يلاحظ الزائر المشاكل فقط كل ما عليك التركيز معي جيداً في الخطوات وسيكون الأمر سهل بالنسبة لك بإذن الله
    أولا ثبت هذه الإضافة على متصفح فايرفوكس إسم الإضافة Firebug
    كروم مدمج به إضافة مباشرة لكن أفضل العمل عبر فايرفوكس
     شاهد الفديو التالي لشرح طريقة العمل

    إذا كل ما عليك فعله هو نسخ المعرف كما شاهدنا في الفديو طرقة الحصول عليه
    والدخول لصفحة تحرير القالب وتبحث عن المعرف
    ثم تضيف بعده او تحته هذا الكود 
    display:none;
    كل معرف يكون بعده قوس كهذا { نحن نريد إضافة الكود بعد القوس مثال لمعرف البحث لدي الذي اخفيته في الفديو
     #search وبعد تجد القوس فنضيف الكود بهذا الشكل
    #search { display:none;
    أو يكون بهذا الشكل
    #search {
    display:none;
    كلاهما لن يفرق ولكن هو توضيح
    كما ذكرت في البداية هذا إخفاء فقط حتى تجد من يحذف لك الكود او تستطيع حذفه بنفسك
    ويمكن أن لا تحذفه لن يضر الأمر ولكن أوضح حتى تعلم الفرق
    وبالتوفيق

    أدوات آخر التعليقات واكثر المعلقين تفاعلا لنظام DISQUS

    Disqus Recent comments most commenter widget
    لقد تطرقنا مسبقاً عن تفعيل نظام تعليقات DISQUS لكن ما لم نتطرق له هو الأدوات المساعدة في التفاعل مع هذا النظام , لنظام تعليقات بلوجر كثير من الأدوات وأضفنا كثير منها لكن نظام تعليقات DISQUS له أدوات خاصة من برمجة الشركة نفسها بفضل الله قمت بعمل بعض التعديلات على بعضها لتحسينا وستعرض عليكم في هذا الموضوع سنعرض كل آداة وشرح التعامل معها لكن في البداية هناك عامل مشترك بين كل الادوات وهو معرف الموقع كل موقع يضاف الى DISQUS له معرف خاص به أنت من يكتبه عند تسجيل الموقع لكن عموما يمكن أن تحصل عليه بالطريقة التالية قم بالدخول لموقع DISQUS ولوحة التحكم ثم قم بإختيار إسم موقعك وانسخ المعرف كما في الصورة التالية

    QISQUS Site ID

    أول آدة أكثر المعلقين تفاعلاً

    DISQUS Top Commenters Widget


    قم بوضع الكود التالي في آداة HTML/Java Script



    كما قلت في البداية تم إعطاء تنسيق لتلك الادوات وهذا شرح طريقة تنسيق هذه الآداة
    هذا اللون #fff  هو لون خلفية الآداة
    وهذا لون الإطار #bbb
    هذا اللون الذي يظهر عند تمرير الماوس #E1F4FE
    قم بتغير الرقم 0 الى 1 إن أردت إخفاء صور المعلقين
    الرقم 5 هو عدد المعلقين الظاهرين
    الرقم 48 هو حجم الصور يمكنك تصغيرها بوضع الرقم 32
    الرقم 1 غيره الى 0 إن أردت أن تظهر تعليقات المدير في الآداة
    وطبعا إستبدل cnmu بمعرف مدونتك في DISQUS

    ثاني آداة آخر التعليقات

    DISQUS Recent Comments Widget


    نفس طريقة التركيب



    والتنسيق بنفس الطريقة هناك إختلاف واحد فقط وهو الرقم 100
    قم بزيادته او إنقاصه فهو عدد الاحرف التي تظهر من التعليقات

    الآداة الثالثة التبويبات المجمعة

    DISQUS Combo Widget


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

    تنسيق هذه الآداة مختلف قليلاً
    اللون الأحمر هو لون الإطار إستبدله في الأربع مرات
    أما كلمة blue هي لون الآداة وهي تأتي بخمس الوان اختر ما يناسبك منهم فقط انسخ كلمة اللون الذي تريد واستبدلها باللون الموجود
    هذه هي الخمس الوان
     blue grey green red orange
     اختلاف أخر وهو كلمة people
    وهي تخص تبويب المعلقين الأكثر تفاعلاً وهو التبويب الاساسي الذي ستظهره الآداة عند دخول الموقع إن اردت اختيار تبويب آخر
    يمكن إستبدال الكلمة بكلمة recent إن أردت تبوبي آخر التعليقات أن يصبح الأساسي
    أو اختيار التبويب الثالث popular وهو تبويب إضافي يخص المناقشات الشائعة ولكن لا أنصح بجعله الإفتراضي نظراً لانه لو لا توجد مناقشات حديثة لن يظهر به شئ
    وباقي التنسيق بنفس الطريقة
    الرقم 5 هو عدد المعلقين والتعليقات الظاهرين
    الرقم 1 غيره الى 0 إن أردت أن تظهر تعليقات المدير في الآداة
    وفقكم الله جميعاً
    تحياتي