Sedikit Info Seputar
Cara Membuat Widget Label Cloud Flat UI Hijau Keren
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Cara Membuat Widget Label Cloud Flat UI Hijau Keren, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel CSS,
Artikel Widget, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Membuat Widget Label Cloud Flat UI Hijau Keren
Terbaru
link: Cara Membuat Widget Label Cloud Flat UI Hijau Keren
Berbagi Cara Membuat Widget Label Cloud Flat UI Hijau Keren Terbaru dan Terlengkap 2017
 |
| (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.