Kamis, 05 September 2013

Label Berputar Untuk Blog

360 Degrees Label
Hai, sekarang saya akan membagikan cara membuat Label Berputar Untuk Blog.
Label ini aslinya adalah hanya bergerak 7 derajat saja sedikit diedit, Label ini akan diputar menjadi 360 Derajat!.
Caranya :
Pasang dahulu label blog. Pasti sudah tahu kan caranya?! lalu ikuti cara selanjutnya..
1. Template,
2. Edit HTML,
3. Copykan kode dibawah ke atas ]]></b:skin>

 /*-----360 Deggres Label From KesroBlogspot----*/ .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(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); 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:right; text-decoration: none; } .label-size a:hover { text-decoration: none; } 
4. Lalu simpan template!
Keterangan :
Text berwarna Biru bisa diganti dengan angka derajat lain seperti 90 derajat, dll..

SELAMAT MENCOBA!

3 komentar:
Write komentar

Orang baik adlah orang yang suka meninggalkan komentar seperti :
1. Komentar yang berkualitas,
2. Komentar dengan bahasa yg mudah dimengerti,
3. Komentar yang tidak menggunakan kata-kata tidak senonoh,
Jika blognya ingin terkenal, taruh saja link anda di komentar :).
Contoh yang salah : http://www*bloganda*com/, http://bloganda*blogspot*com/
Contoh yang benar : bloganda.com, bloganda.blogspot.com