Duit Blog Cara Menciptakan Label Cloud Keren

Label yakni sebuah sebutan untuk menyebutkan suatu fitur yang dipakai untuk mengkategorikan artikel kedalam kategori tertentu. Label sangat berfungsi untuk mempermudah pengunjung mencari artikel menurut kategori tertentu.

Label Cloud Flat UI

Bagi kalian yang ingin mengubah tampilan widget label menjadi lebih menarik dan keren, berikut ini langkah-langkah yang harus kalian lakukan :


● Login ke blog

● Pastikan blog kalian telah terpasang Widget Label, lakukan konfigurasi ibarat berikut ini :

Konfigurasi Label

● Selanjutnya pada sajian blog, pilih 《Template》.

● Klik 《Edit HTML》.

● Cari code </style> atau ]]></b:skin>

● Lalu Masukan Code berikut ini diatas </style> atau ]]></b:skin> kemudian klik 《Simpan template》

/*CSS Label*/ .Label a{ padding-left: 5px; padding-right: 31.5px; color: #fff; height: 32px; background: #359bed; margin-right: 2px; line-height: 32px; text-decoration: none; -webkit-transition: all .3s ease-in-out !important; float: left; margin-top: 2px; font-size: 13px; text-align: left; display: inline-block; border: 1px solid transparent; border-radius: 3px; } .Label a:hover{ background:none; border: 1px solid #545454; border-radius:3px; color:#222; } .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; }

Terimakasih sudah berkunjung di blog kami. Semoga tutorial di atas bermanfaat dan Terimakasih sudah meluangkan waktu dengan membaca artikel kami.