TENLIBRARY - Cara Membuat Label Cloud Keren di Blog - Tag Label sangat diperlukan oleh sebuah blog. Fungsi dari Tag Label sendiri ialah sebagai link singkat yang dapat langsung tertuju pada postingan blog kamu. Tag Label biasa dibagi menjadi 2, yaitu List dan Cloud. Pemasangan widget ini tentu sangat berguna untuk mempermudah pengunjung blog kamu menemukan artikel yang mereka cari di blog kamu. Contohnya kurang lebih seperti gambar diatas. Oke, langsung saja kita lihat cara-caranya di bawah.

/*-----Labels Cloud Styled widget by proBlogiz.blogspot.com----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -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; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

CATATAN :

Sebelum kamu melakukan tutorial diatas, pastikan kamu telah memasang widget Label Standard dari Blogger.

Bagaimana sudah dicoba? Keren bukan? Tentu dengan adanya tambahan kode CSS diatas lebih mempercantik tampilan blog kamu. Sekian postingan saya kali ini. Selamat mencoba dan semoga berhasil !.