كيف تقوم بتخصيص شكل أداة التسميات في بلوجر

من المزايا التي تتمع بها بلوجر هي توفير اداة خاصة بالتسميات يمكنك أضافتها في أي مكان مخصص لوضع الأدوات في قالبك، وتمكنك بلوجر من تخصصيها مثلا ظهور التسميات التي تريدها فقط واظهار عدد المواضيع التي تحملها التسمية وهكذا ولكن كيف تستطيع تخصيص شكل الظهور الخاص بها؟.
لتقوم بتخصص شكل هذة الأداة تحتاج إلي تخصيص كود css لهذة القيمة Label li لذا قم بالبحث عن هذا الوسم ]]></b:skin> وقم بأضافة الكود التالي فوق منه مباشرة

.Label li {
background: #EE8A1D !important;
border-radius: 3px 3px 3px 3px !important;
float: right !important;
font-size: 17px !important;
list-style: none outside none !important;
margin: 2px !important;
padding: 10px 10px !important;
transition: all 0.3s ease 0s !important;
}
.Label li:hover {
background: #111 !important;
}

كيف تقوم بتخصيص هذا الكود

لتقوم بتخصيص هذا الكود تحتاج لفهم كل جزء منه والعمل الذي يقوم به.
اللون: يمكنك تغير كود اللون EE8A1D باللون الذي تريده فهو يعطي خلفية باللون الأصفر للتسمية اما كود اللون الأخر 111 يعطي اللون الأسود للتسمية عندما يمر بها الماوس
الخط: يتطلب الخط تغير القيمة17px التي تتبع font-size بحجم الخط الذي تريده
اتجاه التسميات: وهذة القيمة التي توجها float اما يمينا او يساراً كما تريد وهي باللغة العربية تحتاج right كما هي موجودة
الأبعاد: ويمكنك من خلاص هذة القيمة padding التحكم في بعد او قرب الكلمة من جوانب الخلفية
الماسافات بين التسمية والاخري: وهي مسؤل عنها margin
زاويا الجوانب الأربعة: ويتحكم فيها border-radius وحيث يمكنك زيادة القيمة لكل زاوية من الزوايا الأربعة

عن الكاتب

محمد السيد وألقب ب (ميدو) مصري الوطن والجنسية، أبلغ من العمري 20 عاماً، بدأت في مجال التدوين في عام 2011، تدرجت في هذا المجال حتي يومنا هذا وقد بلغت من العلم قليله.

";}
BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
});Original Article