Wednesday, March 5, 2014

Cara memodifikasi tampilan label cloud

Assalamualikum Wr Wb
Kali Ini Grew Uchiha Akan Posting Yg Di Bawah Ini !!!
Cara memodifikasi tampilan label cloud di blog maka saya buat artikelnya!!! berikut tutorialnya......
  • Langkah-langkah:
  • Log in ke akun blogger kalian
  • Buka menu Template
  • Klik Edit HTML
  • Cari kode ]]></b:skin>.
  • Kalo udah ketemu, masukan kode berikut tepat diatas kode ]]></b:skin>
/* Label Cloud punya Grew Uchiha
----------------------------------------------- */
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #0F1CA3;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #0F1CA3;
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;
Mudah Kan Semoga Bermanfaat :)

Bagikan

Jangan lewatkan

Cara memodifikasi tampilan label cloud
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.