Blog Seputar : Blogger | Tips dan Trick | Internet| Komputer | Software

September 25, 2012

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

Cara merubah Tampilan Label Cloud
  • 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

  • /*-----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;
    }
  • Jika sudah Save template dan lihat hasilnya !

Cara merubah Tampilan Label Cloud Rating: 4.5 Diposkan Oleh: Yori

2 komentar:

  1. Anonymous2/2/13 19:07

    Mantab Gan, sudah saya coba Berhasil Gan tutorialnya.
    terimakasih Gan, sukses selalu untuk Agan.

    ReplyDelete

Silahkan berkomentar.
Di mohon untuk tidak menyisipkan LINK AKTIF
Komentar dengan LINK AKTIF akan di anggap SPAM
Jangan spam dan jangan menggunakan kata kata kasar.!
Jadilah pembaca yang baik dan meninggalkan komentar sesuai topik