Membuat Tampilan Label Menarik pada Blogger

Salam sahabat jitu. Selamat Menunaikan Ibadah Puasa Ramadhan bagi umat muslim di seluruh dunia. Artikel saya kali ini akan membahas bagaimana cara kita merubah sedikit tampilan label menjadi lebih menarik. Langsung saja caranya adalah sebagai berikut :
  1. Login ke akun blogger anda masing-masing.
  2. Jika sudah login, masuk ke Template - Edit HTML.
  3. Nah, pada tampilan ini anda harus mencari Kode ]]></b:skin> lalu pastekan kode di bawah ini tepat di atas kode ]]></b:skin> tadi.
    .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; }
  4. Simpan
Nb : Pastikan bahwa label anda dalam tampilan Cloude
Tampilan jika berhasil adalah sebagai berikut.


Nah semoga artikel kali ini menambah pengetahuan anda sahabat jitu. Sampai jumpa diartikel lainnya. Salam sahabat jitu.