12 years ago
Cara Membuat Label Cloud Keren diBlog adalah cara merubah widget label supaya lebih terlihat menarik jika dilihat oleh para pengunjung blog kita
Caranya sebagai berikut :
- Pertama :
- masuk ke Blogger
- pada saat masih diDashbord =>> klik Tata Letak =>> klik Tambah Gadget => pilih Label
- pada bagian konfigurasi widget label pilih Cloud
- kemudian Simpan
-Kedua
- kembali keDashbord
- saat diDashbord =>> pilih Template =>> klik edit HTML
- lalu cari kode ]]></b:skin> lalu copy script dibawah ini tepat di atas kode ]]></b:skin>.
Java Script :
#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;}
