0

جعل شكل التسميات جذاب في بلوجر

النور ويب

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله تعالى وبركاته

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

يعتبر تصميم القالب لمدونة بلوجر من اهم العوامل التي تجعل الزوار يثقون من منشورات الناشراكثر,

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

لكي لا اضيل عليك اخي الكريم

ستدخل على لوحة التحكم الخاصة ببلوجر ثم تحرير القالب

ابحث عن هذا الكود

ضع هذا الكود فوقه مباشرة

.label-size{  
margin:0;  
padding:0;  
relative;  
}  
.label-size a{  
float:left;  
height:24px;  
line-height:24px;  
relative;  
font-size:12px;  
margin-bottom: 9px;  
margin-left:20px;  
padding:0 10px 0 12px;  
background:#06FFFA;  
color:#fff;  
text-decoration:none;  
-moz-border-radius-bottomright:4px;  
-webkit-border-bottom-right-radius:4px;  
border-bottom-right-radius:4px;  
-moz-border-radius-topright:4px;  
-webkit-border-top-right-radius:4px;  
border-top-right-radius:4px;  
}  
.label-size a:before{  
content:"";  
float:left;  
absolute;  
top:0;  
left:-12px;  
width:0;  
height:0;  
border-color:transparent #06FFFA transparent transparent;  
border-style:solid;  
border-width:12px 12px 12px 0;   
}  
.label-size a:after{  
content:"";  
absolute;  
top:10px;  
left:0;  
float:left;  
width:4px;  
height:4px;  
-moz-border-radius:2px;  
-webkit-border-radius:2px;  
border-radius:2px;  
background:#fff;  
-moz-box-shadow:-1px -1px 2px #004977;  
-webkit-box-shadow:-1px -1px 2px #004977;  
box-shadow:-1px -1px 2px #004977;  
}   
.label-size a:hover{background:#555;}  
.label-size a:hover:before{border-color:transparent #555  
transparent transparent;}

يمكنك تغيير اللون الى لون قالب مدونتك غير الكود 06FFFA#
يمكنك استعانة بهذا الموقع لاختيار اللون المفضل
فقط اختر اللون في الخانة المناسبة وانسخ الكود كما في الصورة

رابط الموقع: color-code.com

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

تعديل المقال

الأقسام بلوجر

مقالات قد تهمك

تعليقات

إرسال تعليق

ضع تعليقك هنا 👇 , وسيتم الرد عليك في اقرب وقت ممكن

أقسام الوصول السريع ( مربع البحث )

جعل شكل التسميات جذاب في بلوجر

مقالات قد تهمك