Tuesday, June 5, 2018

Add Labels Widget and Customize It

Hai, hai, hai! Hari ini Gifta akan memberi tahu kalian cara memasang widget labels list di blog kalian! Selain memasang, Gifta juga akan beri tahu cara membuat tampilannya semakin oke^^ Caranya mudah banget, lho! Read more, ya... XD

Cara pasangnya dulu

Step one:

Blogger >> Layout >> Add a Gadget >> Labels

Step two:


Nah, kalian boleh ubah sesuka hati judul, jumlah label, dan cara sortnya. Tapi kalian harus pilih CLOUD untuk cara menampilkannya. Masalah mau nunjukin jumlah post per label atau ngga, terserah

Step three:

Save!

---

Sekarang, Gifta kasih tau cara membuatnya lebih cantik

Step one:

Blogger >> Theme/Tema >> Edit HTML

Step two:
     
Cari kode ini:
}]]></b:skin>
Step three:

Copy kode ini:
.label-size {
margin:0 2px 6px 0;
padding: 3px;
border: 2px solid #000000;
float:left;
font-size:10px;
}
.label-size:hover {
border:2px solid #3A3A3A;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
Dan paste di ATAS kode }]]></b:skin> (yang tadi sudah dicari)

Step four:

Save!

Nah, sudah selesai! Gimana? Mudah kan?

No comments

Post a Comment