Cara Membuat Widget Label Bergerak

Selamat siang semua, Pada postingan kali ini saya akan membahas bagaimana Cara Membuat Widget Label Bergerak dan akan membuat blogger kita jadi lebih menarik pastinya,. Fungsi dari widget label ini ngga lain adalah untuk mempermudah para pengunjung sehingga dapat menemukan dari artikel yang di cari, bagai mana sob? tertarik? langsung saja yuk ikuti langkah di bawah ini

1. Sobat login blog dulu di sini
2. Setelah login berhasil, silahkan anda ke dasboard, lalu pilih Tata Letak/Layout.
3. Tambahkan Widget/Add a Gadget pada blog anda, lalu pilih Label.
4. Dibagian Konfigurasi Label, silahkan anda pilih Cloud pada bagian Display, lalu Save.
5. jika pemasangan widget label sudah di lakukan, selanjutnya silahkan ke bagianTemplate untuk meletakan kode CSS ke dalam blog anda. Silahkan anda Copy lalu Pastekan kode di bawah ini tepat diatas atau sebelum kode ]]></b:skin> 

.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C0C0C0; border-radius: 3px; float:left; text-decoration:none; font-size:9px; 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; }

Ook deh silahkan simpan dan lihat pada blog sobat,. cukup simple buka :D
saya rasa cukup dulu sampai disini, sampai jumpa pada postingan selanjutnya ya sob,.
semoga bisa membantu