Kamis, Oktober 6

Mempercantik tampilan label cloud menjadi warna-warni

Mungkin Anda bosan dengan tampilan Label cloud yang masih biasa saja. Walaupun tampilannya bagus, tetapi jika diberi sedikit warna untuk memperindah tampilan label cloudnya mungkin akan menjadi memperindah Blog kita. Cara ini saya dapat dari salah satu web yang lumayan bagus lho tips-tipsnya. Anda bisa melihatnya disini.
Nah untuk lebih jelasnya silahkan Anda ikuti langkah berikut.
  1. Login ke Akun blogger Anda.
  2. Pilih tata letak>edit HTML.
  3. Kemudian cari kode ]]></b:skin>
  4. Copas kode dibawah ini tepat diatas kode ]]></b:skin>

    .label-size-1 a {
    font-size: 12px;
    text-decoration: none;
    }
    .label-size-2 a {
    font-size: 14px;
    text-decoration: none;
    color:#cd9f01;
    }
    .label-size-3 a {
    font-size: 15px;font-family: Arial, Tahoma, Verdana;text-decoration: none;
    }
    .label-size-4 a {
    font-size: 18px;
    font-weight:bold;
    text-decoration: none;
    color:#ea5a04;
    }
    .label-size-5 a {
    font-size: 24px;
    text-decoration: none;
    }


    .label-size-1 a:hover,
    .label-size-2 a:hover,
    .label-size-3 a:hover,
    .label-size-4 a:hover,
    .label-size-5 a:hover { text-decoration:underline }
  5. Kemudian Save.
    Pada colornya anda bisa merubah kode warna sesuai keinginan anda.

    Oiya..Jangan lupa Tinggalkan Komentar Anda disini yaa..Trimakasih..

Tidak ada komentar:

Mempercantik tampilan label cloud menjadi warna-warni

Mungkin Anda bosan dengan tampilan Label cloud yang masih biasa saja. Walaupun tampilannya bagus, tetapi jika diberi sedikit warna untuk memperindah tampilan label cloudnya mungkin akan menjadi memperindah Blog kita. Cara ini saya dapat dari salah satu web yang lumayan bagus lho tips-tipsnya. Anda bisa melihatnya disini.
Nah untuk lebih jelasnya silahkan Anda ikuti langkah berikut.
  1. Login ke Akun blogger Anda.
  2. Pilih tata letak>edit HTML.
  3. Kemudian cari kode ]]></b:skin>
  4. Copas kode dibawah ini tepat diatas kode ]]></b:skin>

    .label-size-1 a {
    font-size: 12px;
    text-decoration: none;
    }
    .label-size-2 a {
    font-size: 14px;
    text-decoration: none;
    color:#cd9f01;
    }
    .label-size-3 a {
    font-size: 15px;font-family: Arial, Tahoma, Verdana;text-decoration: none;
    }
    .label-size-4 a {
    font-size: 18px;
    font-weight:bold;
    text-decoration: none;
    color:#ea5a04;
    }
    .label-size-5 a {
    font-size: 24px;
    text-decoration: none;
    }


    .label-size-1 a:hover,
    .label-size-2 a:hover,
    .label-size-3 a:hover,
    .label-size-4 a:hover,
    .label-size-5 a:hover { text-decoration:underline }
  5. Kemudian Save.
    Pada colornya anda bisa merubah kode warna sesuai keinginan anda.

    Oiya..Jangan lupa Tinggalkan Komentar Anda disini yaa..Trimakasih..

Tidak ada komentar: