MERUBAH TAMPILAN LABEL PADA BLOG

Keyword : Merubah Tampilan Label Pada Blog, Label Blog
Ada beberapa bentuk tampilan untuk merubah desain Tampilan label pada blog anda, kali ini saya akan memberikan tampilan yang bisa kita gunakan untuk merubah desain pada Cloud label blog.

Desain ini memiliki box pada tulisan yang membuat menarik untuk tampilan ini adalah kepaduan tampilan antara bentuk dan tulisan. langsung saja kita ke TKP

1. Pertama masuklah di blog agan-agan masing-masing.
2. Pada pengaturan Pilih Tempalte ----> Edit HTML
3. Cari Kode ]]></b:skin> Pada template dengan cara Ctrl+F dan letakkan Kode Berikut di atas kode ]]></b:skin> 

/*------Label ala Latuary.com------*/

.label-size{

background-image: linear-gradient(#ee0f68, #c90755);

margin:0 3px 3px 0;

padding: 4px 5px 5px 5px;

border-radius: 3px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

text-transform: capitalize;

float:left;

text-decoration:none;

font-size:13px;

font-weight: bold;

font-family: Arial, sans-serif;

color:#fff;

}

.label-size a:link {

color: #fff !important;

font-family: Arial, sans-serif;

text-decoration: none !important;

}

.label-size a:visited {

color: #fff !important;

text-decoration: none !important;

}

.label-size a:active {

color: #fff !important;

text-decoration: none !important;

}

.label-size a:hover {

text-decoration: none !important;

}

.label-size:hover {

text-decoration: none;

-moz-transition: all 0.2s ease-out;

-o-transition: all 0.2s ease-out;

-webkit-transition: all 0.2s ease-out;

-ms-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;

background-image: linear-gradient(#4673e3, #0239c6);

box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset,

              0 0 0 1px hsla(0,0%,100%,.1) inset,

              0 1px 0 hsla(210,54%,20%,.03);

}

.label-size a  {

text-transform: capitalize;

float:left;

text-decoration: none;

}

/*------google.com------*/

Catatan :

#ee0f68 dan #c9075 berdasarkan warna yang anda inginkan
#4673e3 dan #0239c6 dengan warna yang anda kehendaki untuk hovernya

4. Setelah anda selesai meletakkan kode di atas kemudian save. dan buka kembali Tata Letak  ----> Tambah Gadget Jika belum terdapat Gadget Label, Jika sudah tinggal anda atur pada label untuk tampilan Cloud. dan save