عروض مركز بلوجر

تنسيق آداة قائمة الروابط وفتح روابطها في نافذة جديدة

Customize Blogger LinkList Widget
قد تكون إضافة قائمة الروابط مهملة من كثير من المدونين بل البعض لم يستخدمها من قبل لذلك من المهم ان نتعرف عليها في هذا الموضوع 
إضافة قائمة الروابط : هي إضافة تمكنك من وضع روابط منسقة لمواقعك او روابطك المفضلة ومن خلالها تستطيع التعديل والحذف بسهولة دون داعي لتحرير أكواد HTML أو وجود أخطاء 

ما إستخدامات تلك الإضافة ؟

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

كيفية تركيب الإضافة ؟

  1. من صفحة التخطيط
  2. إضافة آداة
  3. ثم اختار آداة قائمة الروابط

تنسيق الإضافة بإستخدام الكود التالي

.LinkList ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.LinkList ul li {
  margin: 0;
  padding: 0;
}
.LinkList li a {
  background-color: #444444;
  box-shadow: 0 1px 0 4px #fff;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  text-align: center;
  text-decoration: none;
  transition: all 0.7s ease 0s;
}
.LinkList li a:hover {background-color: #fc5400;}

هذا اللون #444444 هو لون خلفية الروابط
وهذا #fc5400 هو اللون عند تمرير المؤشر
*هذا التنسيق سيعمل على أى إضافة قائمة روابط موجوده في قالبك
بعض القوالب تكون الآداة مستخدمه في القائمة العلوية بالتالي سيحدث تشويه
فيمكنك ان تجعل هذا التنسيق فقط على الىداة التي ستضيفها
بإستبدال الكود الأحمر بمعرف الآداة . كيف؟
ابحث عن الآداة في القالب والمعرف هو الكلمة التي بعد id مثال

كما تلاحظ هنا المعرف هو LinkList1 وتكتب قبله فقط # ليكون #LinkList1
وطبعا الفتح في نافذة جديدة كما هو موضح في الصورة السابقة
أضف الكود target='_blank' في المكان الموضح في الصورة

شرح مبسط للإستخدام


وتجربة موفقة

32تعليقات

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

  1. جاء الموضوع في وقته شكرا لك ياغالي عن الإضافة وشكرا على مجهوداتك

    ردحذف
    الردود
    1. ^_^ يسعدني ان الموضوع قد لبى حاجة لك استاذي الفاضل
      وتشرفت بمرورك الكريم

      حذف
    2. أنا كذالك سعيد بإضافة مدونتك على الإضافة تستحق أن تكون الأول بها

      حذف
    3. شاكر لك كثيراً على دعمك أستاذي الفاضل
      وتمنياتي لك بالتوفيق والنجاح

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

    ردحذف
    الردود
    1. بعد كود الفتح في نافذة جديدة المشروح تطبيقه في الموضوع أو بدلا منه طالما ان الروابط الخارجية تفتح لديك تلقائيا في نافذة جديدة أضف الوسم التالي
      rel="dofollow"

      حذف
    2. أين اضف الوسم ليه شرحك في تعليق معقد

      حذف
    3. يعطيني رسالة الخطأ عند حفط النمودج

      حذف
    4. أعتدر الخطأ مني مش منك حلية المشكل شكرا على المساعدة

      حذف
    5. لا يزال يفتح Nofollow رغم إضافة الوسم ضنيت أني حليت المشكل لاكن عندما شفت رابط في المدونة يفتح Nofollow في آداة قائمة الروابط

      حذف
    6. من الواضح أخي ان كود الـ nofollow التلقائي لا يسمح بالتعديل
      فيمكنك حذف الجزء الخاص بالـ nofollow من الكود والإبقاء فقط على الفتح في نافذة جديدة

      حذف
  3. السلام عليكم و رحمة الله

    حجم الخط صغير جدا هل من طريقة لتعديل الحجم

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      تحت هذا الكود color: #fff;
      أضف الكود التالي
      font-size:14px !important ;
      واستبدل الرقم 14 بالحجم الذي تريد

      حذف
  4. شكرا على الاضافة الرائعة (:

    ردحذف
    الردود
    1. شكراً جزيلاً لك أستاذ نبيل على المرور الكريم

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

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

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

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

      حذف
    4. لو تعلمت الموضوع في يوم من الايام هل ممكن ان انشر الموضوع على المدونتك التي اعتبرها مرجع

      حذف
    5. طبعا اخي اى كتابات تفيد الناس طالما لن تكون منقوله وستكون حصرية انا اقبل نشرها دون مشاكل واكون سعيد بذلك

      حذف
  6. السلام عليكم ورحمة الله وبركاته
    اخي ممكن كود جاهز فتح الروابط الخارجي هده قائمة الروابط الذي اشتغل عليه

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

    ردحذف
  8. بس اخي فـ مشكلة في قالبي لما بضيف # للمعرف بيقولي
    The new widget id "#LinkList1" is invalid for type: LinkList

    ردحذف
    الردود
    1. لا أخي انت لا تضيف # للمعرف في الآداة انت تضيفه للمعرف وتستبدله في الستايل يعني كود التنسيق يعمل عبر الكلاس
      .LinkList
      عندما تريد ان تجعله لآداة معينه تنسخ معرفه وتضيفه بدل الكلاس
      فيصبح
      #LinkList1
      هذا في كود الستايل الأول الخاص بالتنسيق

      حذف
  9. لما اضع # و target="_blank" كي افتح الروابط في نافذة جديدة لا يعمل تخرج كتابة حمراء فيها خطأ عندما اضغط حفظ, هل من حل اخر ؟

    ردحذف
    الردود
    1. اخي انت لا تضع # لا تحتاج لإضافة # انت تحتاج فقط
      target='_blank'

      حذف
  10. جزاك الله خيرا ♥ أستاذنــا الغالي

    ردحذف
  11. المشكلة عندي انه بعد وضع هذهِ الأداة لم أقدر على وضع قسم (بدون رابط) ومتفرع منه اقسام، ما الحل؟
    وشكرا لك

    ردحذف
    الردود
    1. هذه آداة قائمة روابط لا تحتوي افتراضياً روابط فرعية هذا ليس متاح بها في وضع بلوجر الإفتراضي

      حذف