Template dan Tips Seputar Blogger

Thursday, June 22, 2017

Cara Membuat Widget Label Cloud Flat UI Hijau Keren

Cara Membuat Widget Label Cloud Flat UI Hijau Keren - Halo, Kali ini saya akan membagikan artikel tentang bagaimana cara membuat Widget Label Cloud Flat UI Hijau keren ala Saya sendiri Indzign, untuk membuat Widget Label ini hanya perlu menambahkan atau mengedit ulang css label cloud yang sebelumnya sudah ada.

Cara Membuat Widget Label Cloud Flat UI Hijau Keren

Langsung saja menuju Template > Edit HTML , Cari kode CSS Label Cloud blog Anda, lalu hapus saja css yang lama dan ganti dengan kode css dibawah ini, namun apabila di template blog Anda belum terdapat kode CSS Label Cloud langsung saja Anda tambahkan kode CSS berikut :

/*CSS Label*/
.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;}

Selesai.

Sekian artikel saya hari ini, maaf atas segala kekurangan atau kelebihannya.

Berikan tanggapan Anda
EmoticonEmoticon

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×