تغيير شكل التسميات في مدونات بلوجر

هذه هي شكل التسميات قبل التعديل عليها وتنظيمها

 وهذا هو الشكل الذي سيصبح عليه بعد تطبيق الشرح باذن الله

يمكن تخصيص رمز أدناه في عدة طرق لخلق تصاميم تسمية مثيرة. يمكنك أيضا إضافة صور الخلفية لها.


اتبع هذه الخطوات السهلة:

1. اذهب الى واجهة البلوجر>إعدادات>عناصر الصفحة

 2.اضغط اضافة اداة


 3.ثم اختر تسميات

 4.بعدها يجب عليك اختيار في عرض سحابة

 5.بعد الانتهاء من إضافة التسمية اذهب إلى إعدادات >القالب
6.قم بأخد نسخة احتياطية للقالب
7.اذهب الى تحرير HTML ثم متابعة
8.ابحث على

]]></b:skin>

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

      .label-size{
    margin:0 2px 6px 0;
    padding: 3px;
    text-transform: uppercase;
    border: solid 1px #C6C6C6;
    border-radius: 3px;
    float:left;
    text-decoration:none;
    font-size:10px;
    color:#666;
    }

    .label-size:hover {
    border:1px solid #6BB5FF;
    text-decoration: none;
    -moz-transition: all 0.5s ease-out; 
    -o-transition: all 0.5s ease-out; 
    -webkit-transition: all 0.5s ease-out; 
    -ms-transition: all 0.5s ease-out; 
    transition: all 0.5s ease-out;
    -moz-transform: rotate(7deg); 
    -o-transform: rotate(7deg); 
    -webkit-transform: rotate(7deg); 
    -ms-transform: rotate(7deg); 
    transform: rotate(7deg); 
    filter: progid:DXImageTransform.Microsoft.Matrix(
                        M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
    zoom: 1; 
    }

    .label-size a  {
    text-transform: uppercase;
    float:left;
    text-decoration: none;
    }
    .label-size a:hover  {
    text-decoration: none;
    }

10.احفظ القالب ومبروك عليك
في حالة إذا كنت ترغب في أن تكون تسمية المربعات ذات أحجام عشوائية ببساطة احذف font-size:10px؛ من الكود اعلاه.