google.com, pub-5256078404460534, DIRECT, f08c47fec0942fa0
ايوتيك ايوتيك
recent

آخر الأخبار

recent
random
جاري التحميل ...

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

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' في المكان الموضح في الصورة


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





وتجربة موفقة


Original Article

عن الكاتب

mohamed salama

مهندس ميكاترونكس و مصمم جرافيكس و مطور صفحات الويب و لي خبره في التسويق الالكتروني و السوشيال الميديا

التعليقات


جميع الحقوق محفوظة

ايوتيك