Cara merubah Tampilan Label Cloud

buat sobat" yang ingin mengganti tampilan label.nya,
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
  • langkah berikutnya, klik Template > klik edit HTML
  • cari kode : 
  • ]]></b:skin>
  • Lalu copy kode di bawah ini tepat di atas kode tadi

  • /*-----www.henry-multimedia-informasi.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;
    }
  • Jika sudah Save template dan lihat hasilnya !
  • Semoga Bermanfaat^_^

Previous
Next Post »

1 komentar:

Write komentar

=======================================================
• Untuk menyisipkan kode, gunakan tag [code]... KODE ...[/code]

• Untuk menyisipkan kode panjang, gunakan tag [pre]... KODE ...[/pre]

• Untuk menyisipkan catatan, gunakan [quote]...CATATAN ...[/quote]

• Untuk menyisipkan gambar, gunakan [img]..URL GAMBAR..[/img]

• Untuk menyisipkan video, gunakan [youtube]..URL VIDEO..[youtube]
======================================================= EmoticonEmoticon