Membuat Tampilan Label Lebih Menarik
Kamis, 20 Maret 2014
1
komentar
- Login ke akun blogger anda masing-masing.
- Jika sudah login, masuk ke Template - Edit HTML.
- 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; }
- Simpan
Tampilan jika berhasil adalah sebagai berikut.
Nah semoga artikel kali ini menambah pengetahuan anda sahabat jitu. Sampai jumpa diartikel lainnya. Salam sahabat jitu.
Artikel
saya kali ini akan membahas bagaimana cara kita merubah sedikit
tampilan label menjadi lebih menarik. Langsung saja caranya adalah
sebagai berikut :
- Login ke akun blogger anda masing-masing.
- Jika sudah login, masuk ke Template - Edit HTML.
- 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; }
- Simpan
Tampilan jika berhasil adalah sebagai berikut.
Nah semoga artikel kali ini menambah pengetahuan anda sahabat jitu. Sampai jumpa diartikel lainnya. Salam sahabat jitu.
- See more at: http://ajitusupratikno.blogspot.com/2013/07/membuat-tampilan-label-menarik-pada.html#sthash.WBg2mPAt.dpufTERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Membuat Tampilan Label Lebih Menarik
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://rizaltipsntriks.blogspot.com/2014/03/membuat-tampilan-label-lebih-menarik.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
Categories:
Tips dan Triks Blogger
1 komentar:
saya coba kopas codenya bang
Posting Komentar