Cara Membuat Widget Label Cloud Flat UI Hijau Keren

wahab

CSS, Widget

2018/10/29

26 Komentar

Cara Membuat Widget Label Cloud Flat UI Hijau Keren - Helo Sobat, Kali ini saya akan membagikan artikel tentang bagaimana cara membuat Widget Label Cloud Flat UI Hijau keren ala Saya sendiri Fajri Andaviar, untuk membuat Widget Label ini hanya perlu menambahkan atau mengedit ulang css label cloud yang sebelumnya sudah ada, berikut screenshot nya :

(Screenshot) Cara Membuat Widget Label Cloud Flat UI Hijau Keren

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 :

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

3. Selesai.

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

Pengelola Blog : ABDUL WAHAB

Judul : Cara Membuat Widget Label Cloud Flat UI Hijau Keren
Ditulis oleh :Blog Shiro pada hari 2018/10/29
Rating Blog : 5 dari 5
Terima kasih sudah membaca artikel tentang Cara Membuat Widget Label Cloud Flat UI Hijau Keren
Kalian boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman kalian.
Namun jangan lupa harap memberikan link aktif dofollow ke URL
https://fajriandaviar.blogspot.com/2014/11/cara-membuat-widget-label-cloud-flat-ui.html
Dan Terima kasih sekali lagi atas kunjungannya.

Kritik dan saran atau apapun bisa kalian sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak selalu online dikarenakan sibuk.