bisa mengikuti cara merubah tampilan label cloud ini.
langkah-langkahnya :
- Masuk ke akun blogger sobat lalu pilih > Tata Letak
- Klik gadget Label yang sobat sekarang gunakan
- ganti pengaturan label sobat seperti berikut
- jika sudah klik simpan / save
- Sebelum memulai langkah ini, lebih baik sobat membackup template terlebih dahulu
- jika bingung cara membackup template pada tampilan baru blogger, silahkan baca artikel ini : MEMBACKUP TEMPLATE PADA TAMPILAN BARU BLOGGER
- langkah berikutnya, klik Template > klik edit HTML
- cari kode :
]]></b:skin>
- Lalu copy kode di bawah ini tepat di atas kode tadi
- Jika sudah Save template dan lihat hasilnya !
/*-----www.yori-skipper.blogspot.com/----*/
.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;
}
:drummer:
ReplyDeleteMantab Gan, sudah saya coba Berhasil Gan tutorialnya.
ReplyDeleteterimakasih Gan, sukses selalu untuk Agan.