Merhaba arkadaşlar,
Blogger'da etiketlerinizi iyi bir görünüm sağlatmak istermisiniz? Tabi istersiniz hatta temalarınıza uygun hale getirebilirsiniz ve ziyaretçileriniz tarafından hoş görülür.Kod'da sadece temanıza uygun renkleri ayarlarsanız güzel ve şık olur.
Önizleme:
Blogger Paneline Girin.
Şablon Tıklıyoruz > HTML Düzenle > CTRL+F yardımı ile kodunu buluyoruz ve aşağıdaki kodları hemen üstüne yerleştiriyoruz.
.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;
display:inline-block;float:none;font-family:"Trebuchet MS","Arial","Helvetica",sans-serif;font-style:normal;font-weight:bold;text-decoration:none;background-color:#1BA1E2;color:#fff !important;-webkit-text-shadow:rgbaundefined0,0,0,0.2) 1px 0,rgbaundefined0,0,0,0.2) 0 1px,rgbaundefined255,255,255,0.2) -1px 0,rgbaundefined255,255,255,0.2) 0 -1px,rgbaundefined0,0,0,0.2) 1px 1px,rgbaundefined255,255,255,0.2) -1px -1px;-moz-text-shadow:rgbaundefined0,0,0,0.2) 1px 0,rgbaundefined0,0,0,0.2) 0 1px,rgbaundefined255,255,255,0.2) -1px 0,rgbaundefined255,255,255,0.2) 0 -1px,rgbaundefined0,0,0,0.2) 1px 1px,rgbaundefined255,255,255,0.2) -1px -1px;-o-text-shadow:rgbaundefined0,0,0,0.2) 1px 0,rgbaundefined0,0,0,0.2) 0 1px,rgbaundefined255,255,255,0.2) -1px 0,rgbaundefined255,255,255,0.2) 0 -1px,rgbaundefined0,0,0,0.2) 1px 1px,rgbaundefined255,255,255,0.2) -1px -1px;text-shadow:rgbaundefined0,0,0,0.2) 1px 0,rgbaundefined0,0,0,0.2) 0 1px,rgbaundefined255,255,255,0.2) -1px 0,rgbaundefined255,255,255,0.2) 0 -1px,rgbaundefined0,0,0,0.2) 1px 1px,rgbaundefined255,255,255,0.2) -1px -1px;-webkit-box-shadow:0 0 1px #999999;-moz-box-shadow:0 0 1px #999999;-o-box-shadow:0 0 1px #999999;box-shadow:0 0 1px #999999;-webkit-transform:rotateundefined0deg);-moz-transform:rotateundefined0deg);-o-transform:rotateundefined0deg);transform:rotateundefined0deg);-webkit-transition:-webkit-transform 0.1s ease-in;-moz-transition:-moz-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;transition:transform 0.1s ease-in;
}
.label-size:hover {
color:#fff;background-color:#0c92da;-webkit-box-shadow:0 0 20px rgbundefined0,0,50);-moz-box-shadow:0 0 20px rgbundefined0,0,50);-o-box-shadow:0 0 20px rgbundefined0,0,50);box-shadow:0 0 10px rgbundefined0,0,50);-webkit-transform:rotateundefined3deg) scaleundefined1.2);-moz-transform:rotateundefined3deg) scaleundefined1.2);-o-transform:rotateundefined3deg) scaleundefined1.2);transform:rotateundefined3deg) scaleundefined1.2);
filter: progid:DXImageTransform.Microsoft.Matrixundefined
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
display:inline-block;float:none;margin:2px 1px;padding:6px 3px;font-family:"Trebuchet MS","Arial","Helvetica",sans-serif;font-style:normal;font-weight:bold;text-decoration:none;background-color:#252c44;color:#fff !important;-webkit-text-shadow:rgbaundefined0,0,0,0.2) 1px 0,rgbaundefined0,0,0,0.2) 0 1px,rgbaundefined255,255,255,0.2) -1px 0,rgbaundefined255,255,255,0.2) 0 -1px,rgbaundefined0,0,0,0.2) 1px 1px,rgbaundefined255,255,255,0.2) -1px -1px;-moz-text-shadow:rgbaundefined0,0,0,0.2) 1px 0,rgbaundefined0,0,0,0.2) 0 1px,rgbaundefined255,255,255,0.2) -1px 0,rgbaundefined255,255,255,0.2) 0 -1px,rgbaundefined0,0,0,0.2) 1px 1px,rgbaundefined255,255,255,0.2) -1px -1px;-o-text-shadow:rgbaundefined0,0,0,0.2) 1px 0,rgbaundefined0,0,0,0.2) 0 1px,rgbaundefined255,255,255,0.2) -1px 0,rgbaundefined255,255,255,0.2) 0 -1px,rgbaundefined0,0,0,0.2) 1px 1px,rgbaundefined255,255,255,0.2) -1px -1px;text-shadow:rgbaundefined0,0,0,0.2) 1px 0,rgbaundefined0,0,0,0.2) 0 1px,rgbaundefined255,255,255,0.2) -1px 0,rgbaundefined255,255,255,0.2) 0 -1px,rgbaundefined0,0,0,0.2) 1px 1px,rgbaundefined255,255,255,0.2) -1px -1px;-webkit-box-shadow:0 0 1px #999999;-moz-box-shadow:0 0 1px #999999;-o-box-shadow:0 0 1px #999999;box-shadow:0 0 1px #999999;-webkit-transform:rotateundefined0deg);-moz-transform:rotateundefined0deg);-o-transform:rotateundefined0deg);transform:rotateundefined0deg);-webkit-transition:-webkit-transform 0.1s ease-in;-moz-transition:-moz-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;transition:transform 0.1s ease-in;background-color:#252c44;-webkit-transform:rotateundefined0deg);-moz-transform:rotateundefined0deg);-o-transform:rotateundefined0deg);transform:rotateundefined0deg);background-color:#252c44;-webkit-transform:rotateundefined0deg);-moz-transform:rotateundefined0deg);-o-transform:rotateundefined0deg);transform:rotateundefined0deg);background-color:#252c44;-webkit-transform:rotateundefined0deg);-moz-transform:rotateundefined0deg);-o-transform:rotateundefined0deg);transform:rotateundefined0deg);
}
.label-size a:hover {
color:#fff;background-color:#0c92da;-webkit-box-shadow:0 0 20px rgbundefined0,0,50);-moz-box-shadow:0 0 20px rgbundefined0,0,50);-o-box-shadow:0 0 20px rgbundefined0,0,50);box-shadow:0 0 10px rgbundefined0,0,50);-webkit-transform:rotateundefined3deg) scaleundefined1.2);-moz-transform:rotateundefined3deg) scaleundefined1.2);-o-transform:rotateundefined3deg) scaleundefined1.2);transform:rotateundefined3deg) scaleundefined1.2);-webkit-transform:rotateundefined-3deg) scaleundefined1.2);-moz-transform:rotateundefined-3deg) scaleundefined1.2);-o-transform:rotateundefined-3deg) scaleundefined1.2);background-color:#0c92da;transform:rotateundefined-3deg) scaleundefined1.2);-webkit-transform:rotateundefined3deg) scaleundefined1.2);-moz-transform:rotateundefined3deg) scaleundefined1.2);transform:rotateundefined3deg) scaleundefined1.2);background-color:#0c92da;-webkit-transform:rotateundefined2deg) scaleundefined1.2);-moz-transform:rotateundefined2deg) scaleundefined1.2);background-color:#0c92da;-o-transform:rotateundefined2deg) scaleundefined1.2);transform:rotateundefined2deg) scaleundefined1.2);
}Ve şablonumuzu kaydediyoruz. Tabi kendinize göre düzenleyiniz, iyi günler görüşürüz.
0 yorum: