Berikut Tutorial nya :
1. Sebelum membuat Widget Label ini sobat masuk ke Tata Letak > Klik "Edit" pada Widget Label atau Buat Widget Label baru apabila sobat belum membuat Widget nya, setelah itu buat seperti ini :
|
(Penampakan) Konfigurasi Widget Sebelum membuat Widget Label Cloud Flat UI |
2. Apabila sudah langsung saja menuju Template > Edit HTML
, Cari kode CSS Label Cloud blog sobat, lalu hapus saja css yang lama
dan ganti dengan kode css dibawah ini, namun apabila di template blog
sobat belum terdapat kode CSS Label Cloud langsung saja sobat tambahkan
kode CSS berikut :
.Label a{
padding-left: 5px;
padding-right: 31.5px;
color: #fff!important;
height: 32px;
background: #1abc9c;
margin-right: 2px;
line-height: 32px;
text-decoration: none;
border: none !important;
-webkit-transition: all .3s ease-in-out !important;
float: left;
margin-top: 2px;
font-size: 13px;
text-align: left; }
.Label a:hover{
color:#fff !important;
background:#16a085; }
.Label a:after{
content: "";
position: absolute;
width: 0px;
height: 0px;
border-width: 16.5px;
border-style: solid;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.3) rgba(0,0,0,0.1) transparent;
}
3. Selesai.