كيفية تغير اللوان الروابط مع التأثير لمدونات بلوجر

زوار ومتابعي المدونة 

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

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

وهنالك الكثير من الروابط ولكن فريق عمل المدونه سوف يسرد لكم بعض منها .

- الطريقة :

1- أدخل إلى مدونتك | أختر لوحة التحكم >> قالب >> تخصيص  >> متقدم  >> إضافة CSS .

2- اضف الكود في صندوق CSS ثم إضغط على زر  " تطبيق على المدونة " .

3- استبدل كلمة " HOME " في الكود  بالون الذي تريد التأثير عليه .

4- كود اللوان من هـــــنـــا

1- رابط التعليقات الذي تذييل به رسالتك.

 .comment-link{
color: red !important;
}
.comment-link:hover{
color: HOME !important;
}
.comment-link:visited{
color: HOME !important;
} 

2- روابط تسمية :

 .post-labels a{
color: red !important;
}
.post-labels a:hover{
color: HOME !important;
}
.post-labels a:visited{
color: HOME !important;
} 

3- روابط الطابع الزمني :

 .published{
color: red !important;
}
.published:hover{
color: HOME !important;
}
.published:visited{
color: HOME !important;
} 

4- أقدم المشاركات (الرابط الذي يجلب لك إلى الصفحة التالية) :

 
#blog-pager-older-link a{
color: red !important;
}
#blog-pager-older-link a:hover{
color: HOME !important;
}
#blog-pager-older-link a:visited{
color: HOME !important;
} 

5- أحدث المشاركات (الرابط الذي يجلب لك إلى الصفحة السابقة) :

 #blog-pager-newer-link a{
color: red !important;
}
#blog-pager-newer-link a:hover{
color: HOME !important;
}
#blog-pager-newer-link a:visited{
color: HOMe !important;
} 

6- الصفحة الرئيسية (واحد بين "أحدث الوظائف" و "أقدم المشاركات ') :

 .home-link{
color: red !important;
}
.home-link:hover{
color: HOME !important;
}
.home-link:visited{
color: HOME !important;
} 

7- روابط المشاركة (وصلات داخل جسم المشاركة الخاص بك) :

 .post-body a{
color: red !important;
}
.post-body a:hover{
color: HOME !important;
}
.post-body a:visited{
color: HOME !important;
} 

8- روابط أداةالأرشيف :

 #ArchiveList a{
color: red !important;
}
#ArchiveList a:hover{
color: HOME !important;
}
#ArchiveList a:visited{
color: HOME !important;
}