المشاركات

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

متصفح فايرفوكس Firefox مع إضافات تهم المدونين

صورة
المتصفح العملاق موزيلا فايرفوكس Mozilla Firefox بأحدث إصداراته  ومعه مجموعة من الإضافات التي تهم المدونين  Firefox add-ons for bloggers أول شئ حمل آخر إصدار من الموقع الرسمي للبرنامج   تحميـــل ثم نبدأ في التعريف بالإضافات إضافة PageRank وهي إضافة مميزة تظهر ترتيب بيج رانك للصفحات وأيضا تظهر ترتيب اليكسا بدلا من الطرق المعتادة والمرهقة لمعرفة الترتيب تركيب الإضافة إضافة Cutyfox طبعا لا يوجد مدون إلا ويحتاج أحيانا إلى إختصار الروابط ومسالة دخول مواقع الإختصار ونسخ الروابط ثم إختصارها تضيع وقت يمكن توفيره بسهولة مع تلك الإضافة فبضغطة زر تقوم بإختصار رابط الصفحة التي تتواجد فيها تركيب الإضافة إضافة ZoomPage إضافة تتيح تكبير وتصغير الصفحات وتفيد من يستعرض صفحات كبيرة الحجم والفرق بينها وبين الإضافة المدمجة مع البرنامج انها تحتفظ بالمعطيات لكل موقع وأيضا أن نسبة التكبير تكون واضحة عليها تركيب الإضافة إضافة Paste Email إضافة تعطيق خيارات في قائمة كليك يمين يمكنك ان تخزن بها بريدك الإلكتروني روابط البنرات وروابط مدونتاك الاكواد التي تستخدمها كثيرا في تعديل قوالبك وبضغط زر يتم الصاق الكود ال...

طريقة وضع كود أو نص داخل إطار تحديد الكل

صورة
أحيانا قد يتطلب أن نضيف كود طويل وهناك عدة طرق لفعل ذلك ولكن كنوع من التسهيل على القراء يمكن أن يتم إضافة الأكواد داخل إطار يسمح بتحديدها كلها ليسهل النسخ Text area With Select All والطريقة سهله وبسيطة فقط نتبع التالي ندخل الى تحرير القالب وفوق الوسم نضيف الكود التالي  ثم عند كتابة موضوع نحول لوحة الكتابة من تأليف الى وضع HTML ثم نضع الكود التالي 25 " rows=" 10 " name="demo"> أكتب هنا الكود او الكلمات التي تريد على أن 10 = عدد الصفوف و 25 = عدد عرض الأحرف مثال كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون كن مدون

المشاركات الشائعة بشكل مميز مصغرات فقط

صورة
تعديل جميل على إضافة المشاركات الشائعة الخاصة بمنصة بلوجر Blogger سنعطيها شكل مميز ونجعلها عبارة عن مصغرات فقط Popular Posts Only  Thumbnail وهذا الشكل يتناسب مع المدونات التي ترغب في توفير مساحة إن لم تكن إضافة المشاركات الشائعة موجوده في مدونتك قم بإضافتها ثم طبق الخيارات التالية عليها ثم قم بالدخول لتحرير القالب وخذ نسخة إحتياطية لتجنب حدوث اخطاء ثم إضغط على سهم توسيع الستايل وفوق الوسم ]]> أضف الكود التالي  .popular-posts ul li {padding-right:0px; margin:-7px 0 -7px 0; float:right;width:33%;list-style-type:none;border:none;line-height:0px} .popular-posts ul li img {width:80px;height:80px;opacity:1;filter:alpha(opacity=100);background:#fff;border:1px solid #818181;padding:3px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .popular-posts ul li img:hover {background:#000;border:1px solid #000;} ثم إبحث عن هذا الكود أو جزء منه حتى تجده                                                                                                    ...

جعل الصفحات الثابتة بعرض المدونة

صورة
في هذا الدرس سنجري تعديل على هيئة الصفحات الثابته لمدونات بلوجر Blogger Static Pages ونجعلها بمساحة المدونة بكاملها مثال للمعاينة  وهذا التعديل يفيد في تمييز شكل الصفحات الثابته وأيضا يفيد في جعلها خفيفة في التحميل  غالبا ما تستخدم الصفحات الثابته في خدمات لا تتغير كالفهارس وخدمة الإتصال الى آخره ولهذا لا نحتاج وجود الإضافات بها  ولهذا سنقوم بإزالة كل شئ من الصفحات الثابته ونجعلها بعرض المدونة بكاملها والامر بسيط يحتاج فقط بعض الإنتباه  أول شئ قم بأخذ نسخة إحتياطية من قالبك بحيث في حالة لم يعجبك التعديل أو حدث خطأ تعود بسهولة لنسختك السابقة ثانيا إدخل الى تحرير قالبك تحت أكواد الستايل كالتي في الصورة تحتها مباشرة أضف الكود التالي هذا الكود سيقوم بإخفاء العمود الجانبي Sidebar و التعليقات Comments و الجزء السفلي Footer من الصفحات الثابته هذا الكود سيعمل تقريبا مع غالبية القوالب.  -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- لكن هناك قوالب تكون لتلك الأماكن تسميات أخرى أو هناك إضافات أخرى زائدة ترغب في إخفاءها كل ما عليك فعله هو تحديد الجزء وإضافته الى السطر الأول الخاص بالإخفاء .sidebar , . commen...

سرع مدونتك بحذف الزيادات وإخفاء الأدوات

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

إنشاء صفحات لإعادة توجيه الروابط

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

إضافة المعلقين الأكثر تفاعلا مع مصغرات

صورة
إضافة جميلة تساعد في تنشيط التعليقات بالمدونات فهي تجعل روح المنافسه بين المعلقين أعلى لأن الناتج سيكون عرض صورة بملفه الشخصي تعرف الناس عليه أكثر وايضا هي نوع من تكريم المتابعين المخلصين لمدونتك وميزة الإضافة انه يمكن التحكم بها لتجنب المعلقين السبام الذين يودون الحصول على مكان بها بتعليقات لا علاقه لها بالمواضيع ولا تمت للمدونة بصلة وسنتعرف اكثر على إضافة أكثر المعلقين تفاعلا Top Commenters Widget بشرح الكود الخاص بها والذي ستقوم بإضافته الى آداة HTML/JavaScript وسنشرح أهم خصائص الكود الرقم 5 هو عدد المعلقين الذي سيظهر في الآداة الرقم 0 هو عدد الأيام التي تحتسب فيها التعليقات صفر تساوي كل الأيام الرقم 42 هو طول إسم المعلق فهناك أسماء تكون طويلة تحتاج تقصير الرقم 56 هو مقاس الصورة المعروضة أما كلمة "Anonymous",   هي التي سنضيف بعدها الأسماء المراد حجبها مثلا انا قمت بحجب إسمي من القائمة فأضفت إسمي كالتالي بعد الكلمة "Anonymous", "كن مدون", وهكذا لو لديك مثلا مدونة متعددة الكتاب ستضيف كل الكتاب فلا داعي لوجود تعليقاتهم في القائمة وايضا شخص يكتب تعلي...

قالب Android Phone لمدونات تقنيات الهواتف

صورة
قالب Android Phone Blogger Template أحد أشهر القوالب التي تحمل طابع تقنية الهواتف وهو يعتبر الإصدار الثاني من قالب سابق بنفس الطابع ولكن هذا أكثر تطورا واقل أخطاء تم تعريب وتطوير القالب وتحسينه وحذف بعض  الصور وإستبدالها بصور أصغر وتدرجات لونية لزيادة السرعة معاينــة   تحميــل مميزات القالب القالب خفيف وصديق لمحركات البحث يحتوي القالب على قائمة أفقية ويحتوي على سلايدر خفيف وأنيق تم إضافة أكواد Meta Tag ويمكن البحث عن كلمة تعديل في اول القالب وتغييرها تم إضافة أزرار المشاركة الإجتماعية بشكل يتناسب مع القالب يحتوي على فوتر بثلاث أدوات التركيب  لتعديل القائمة الأفقية إبحث عن الأكواد التالية وغيرها تعديل تعديل تعديل تعديل تعديل تعديل تعديل تعديل تعديل تعديل تعديل تعديل تعديل ولتعديل السلايد قم بتحرير الأكواد التالية عنوان الموضوع الأول             وصف الموضوع الاول                                     https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQuKuWYhisUzA3Xmq80VwCkcO8CsAxtXRiucfoIGov_oal0wpKGejtEV8YSBTR9ZW4pA2KiiVS4R6TFUggfluiWCKremf6NxJL5fOQinLr_WaY_hc-1EDv7C79Dhwr...

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

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

الخطة المثالية للتبادلات الإعلانية

صورة
أصبح التبادل الإعلاني أهم وسيلة لإشهار والتعريف بالمواقع والمدونات لكن هناك أخطاء يقع بها المتبادلون تجعل التبادل غير فعال بالشكل المطلوب ويحقق ربما ربع او نصف ما يمكن تحقيقه فعلياً فإن كنت ممن يستخدمون التبادل الإعلاني تحتاج الى قراءة الموضوع جيدا والتركيز لان بعد تطبيق خطتنا ستلاحظ تغيير اكبر في كفائة التبادلات لديك وستتحسن إحصائيات مدونتك بإذن الله عند الرغبة في التبادل الإعلاني يتم النظر في ثلاث أشياء ترتيب اليكسا Alexa وهو الخاص بأعداد الزوار وترتيب بيج أثورتي PageِAuthority وهو الخاص بشهرة الموقع وقوة وصول محركات البحث إن كنت ستختار المتبادل معهم بناء على ترتيب اليكسا يمكن أن يصبح رابط التبادل عند كلا الطرفين nofollow أما إن كان بناء عن تقييم الـ Authority يجب أن يكون الرابط عند الطرف صاحب التقييم الأفضل dofollow لماذا لانه وببساطه إن كان الامر هو تبادل زيارات لن تحتاج بشكل كبير وصول عناكب البحث فهدفك الزوار أما مع Authority تحتاج عناكب البحث لتعزز قوة وصول محركات البحث لك ويجب عند التبادل مراعاة الشروط التالية لضمان جوده أعلى أن تكون المدونات المتبادل معها ذات محتوى جيد ولا ...

إضافة مواضيع عشوائية مع مصغرات Random Post

صورة
كنا عرضنا في موضوع سابق زر المواضيع العشوائية واليوم نعرض إضافة لعرض مواضيع عشوائية لكن بعناوين المواضيع وصور مصغرة Random Post With Thumbnail الفرق بين الإضافتين أن الأولى كما سماها مبرمجها ضربة حظ فأنت لا تعلم الى أين يأخذك الزر أما هذه انت تعلم بالضبط اي موضوع ستشاهد وكلاهما يفيد في إبقاء الزائر وقت أطول نظراً لانهما يعرضان مواضيع مختلفة مع كل تحديث للصفحة وطريقة الإضافة فقط ضع الكود التالي في آداة HTML/JavaScript إن أردت جعل صور المصغرات على اليمين حول left الى Right و Right الي left الرقم 5 هو عدد المواضيع المعروضة في الإضافة 150 هو طول العنوان المسموح بعرضه yes حولها الى No إن أردت إخفاء التعليقات والتاريخ من الإضافة  أما 36 هو طول وعرض الصور المصغرة

أكواد Meta Tag لتحسين السيو

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

فهرس متعدد الألوان لمدونتك

صورة
إضافة فهرس المدونات إضافة شهيرة ولا تحتاج تعريف لكن دائما عند عرض إضافة مشهورة ومعروفة يجب ان يكون لدينا جديد وإلا لماذا نعرضها أساسا والجديد هو أن الفهرس منسق وبشكل جذاب وايضا يمكن تنسيقة باللون الذي يتناسب مع مدونتك وهو الأمر المفقود في غالبية الفهارس الموجوده وقبل التركيب شاهد هذه المعاينة الحية للإضافة معاينــة طريقة تركيب الفهرس  هذا الفهرس يمكن أن تضيفة الى مشاركة عادية أو الى صفحة ثابته وأفضل ان يتم إضافته الى صفحة ثابته  والطريقة كالتالي أدخل الى الصفحات في مدونتك وأضف صفحة جديدة الكود شرح تنسيق الكود  أول شئ إستبدل رابط مدونتي برابط مدونتك http://cnmu.blogspot.com   border: 1px solid #000 ; هذا لون الإطار الخارجي    background-color: #000 ; لون خلفية العنوان   color : #fff ; وهذا لون خط العنوان   background-color : #F0F1F2 ; لون خلفية روابط المواضيع ويمكنك الحصول على أكواد الألوان من هنــا