Cara Membuat Label Cloud Keren Pada Blog (Category)

Cara Membuat Label Cloud Keren Pada Blog (Category) Merupakan cara mengubah Widget Label supaya lebih menarik untuk para pengunjung dan cara mengubah label cloud seperti gambar diatas sebagai berikut :

Step Pertama  :
1. Seperti biasa masuk ke blogger.
2. Pada bagian Dasbord klik Tata Letak -> klik Tambah Gadget -> pilih Label.
3. Lalu bagian Konfigurasi widget label Pilih Cloud.
4. Lalu Simpan.

Step Kedua :
1. Kembali ke menu Dasbord.
2. Lalu pilih Template -> klik Edit Template.
3. Lalu sobat cari kode ]]></b:skin> lalu copy script dibawah ini tepat di atas kode
]]></b:skin>.

 #Label1 a{outline:none;
    border: 1px rgba(0,0,0,0.2) solid;
    padding: 4px 6px 4px 12px;
    text-decoration:none;
    color:black;
width:auto;
    white-space: nowrap;
font-family: arial;
    font-size: 13px;
    font-weight: bold;
    position: relative !important;
    background-image: linear-gradient(bottom, rgb(32,107,107) 47%, rgb(34,201,184) 100%, rgb(35,95,97) 100%);
background-image: -o-linear-gradient(bottom, rgb(32,107,107) 47%, rgb(34,201,184) 100%, rgb(35,95,97) 100%);
background-image: -moz-linear-gradient(bottom, rgb(32,107,107) 47%, rgb(34,201,184) 100%, rgb(35,95,97) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(32,107,107) 47%, rgb(34,201,184) 100%, rgb(35,95,97) 100%);
background-image: -ms-linear-gradient(bottom, rgb(32,107,107) 47%, rgb(34,201,184) 100%, rgb(35,95,97) 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.47, rgb(32,107,107)),
    color-stop(1, rgb(34,201,184)),
    color-stop(1, rgb(35,95,97))
);
    float:left;
    padding: 4px 3px;
    margin: 0 5px 5px 0;
   border-radius:8px 8px; -moz-border-radius:8px 8px 8px 8px; -khtml-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px;
}
#Label1 a:hover {
background-image: linear-gradient(bottom, rgb(92,12,12) 47%, rgb(0,0,0) 100%, rgb(120,26,26) 100%);
background-image: -o-linear-gradient(bottom, rgb(92,12,12) 47%, rgb(0,0,0) 100%, rgb(120,26,26) 100%);
background-image: -moz-linear-gradient(bottom, rgb(92,12,12) 47%, rgb(0,0,0) 100%, rgb(120,26,26) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(92,12,12) 47%, rgb(0,0,0) 100%, rgb(120,26,26) 100%);
background-image: -ms-linear-gradient(bottom, rgb(92,12,12) 47%, rgb(0,0,0) 100%, rgb(120,26,26) 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.47, rgb(92,12,12)),
    color-stop(1, rgb(0,0,0)),
    color-stop(1, rgb(120,26,26))
);
color:#fff;
}
#Label1 a:active {
background:#EC88C9;}

Lalu klik Pertinjau kalo sudah ok klik Simpan.