كيفية تغيير و تخصيص الوان الروابط في بلوجر - لا يوجد أي شك في أنه إذا كان لديك مدونة، فغالبا ما ستضيف بعض المقالات وبالطبع بعض الروابط في تلك المقالات. دعني أخمّن شيئًا واحدًا أنك ستشعر بالملل من رؤية نفس الوان الروابط المنتظمة والمكررة مرارًا وتكرارًا، ويجب أن تتساءل عن تخصيصها من خلال تغيير لون الروابط التشعبية. ونتيجة لذلك، في هذه المقالة، سوف أساعدك في تخصيص لون الرابط أو تغييره في بلوجر.
لذا قبل أن تبدأ، دعني أخبرك بشيء؛ اولا قد يكون هذا الدرس للمبتدئين اذا اعتقدت انك قادر علي ذلك فلا تحتاج هذا المقال، سأشرح بلا شك كل خطوة حتي النهاية، ثانيا سيتم استخدام بعض الاكواد البرمجية لإجراء ذلك، ودائما لعدم اختلاط الامور ببعضها وتجنب المشاكل قم بأخذ نسخة احتياطية للقالب الخاص بك.
اذا هيا بنا نبدأ.
سوف أبدأ بكود بسيط، ثم سنتجه لاحقًا لتخصيصه بشكل أكبر.
عندما تنشئ أي رابط، يتم إنشاؤه بمساعدة علامة الارتباط. ويكون بالشكل التالي:
<a href="https://rotkx.blogspot.com">روتكس</a>سيقوم بإنشاء رابط افتراضي بالشكل التالي: روتكس
وهذا ما سنقوم بتخصيصه ودعونا نعرف اخيرا:
كيفية تغيير و تخصيص الوان الروابط في بلوجر
1. اذهب الى لوحة التحكم > القالب > تحرير HTML
2. ابحث عن ]]></b:skin> او </style>، وضع الكود التالي فوقه
a:link{color:#FFFFFF;background-color:#2196F3}
a:visited{color:#008000;background-color:#FFFFFF}
a:hover{color:#2196F3;text-decoration:underline}فى معظم القوالب هذه الاكواد موجودة يمكنك البحث عنها والتعديل عليها فقط
مفاتيح الاكواد والتعاريف الخاصة بها
| المفتاح | التعريف |
|---|---|
| a:link | رابط عادي |
| a:visited | رابط تمت زيارته |
| a:hover | رابط عند اللمس |
| #FFFFFF | لون أبيض |
| #2196F3 | لون أخضر |
| #2196F3 | لون أزرق |
| underline | تسطير اسفل الرابط |
أتمنى أن تكون على دراية بهذه الرموز، فقط في حالة وجود بعض المشكلات أثناء إجراء هذه التغييرات. اسمحوا لي أن أعرف من خلال التعليقات.