Label style cloud bergerak di blogger

Salah satu upaya untuk memperindah tampilan blog adalah dengan cara memberi sedikit sentuhan kreativitas, salah satunya ialah memodifikasi pada bagian widget label agar lebih kelihatan menarik.

Salah satu modifikasi widget label ini ialah widget label style cloud yang apabila disentuh maka akan bergerak beberapa derajat. Perlu anda ingat, tema blog yang saya pakai untuk tutorial ini adalah tema simple bold yang merupakan tema versi lama yang disediakan oleh blogger.

Cara membuat label cloud bergerak di tema simple blogger

I. Menambah widget label pada menu tata letak

Langkah pertama yaitu menambahkan widget cloud pada bagian sidebar di menu tata letak, jika sudah, abaikan saja langkah ini.
1. Login di blogger.com.
2. Klik Tata Letak, Tambahkan Gadget.
3. Klik Label dan aktifkan Style Cloud.

II. Menambahkan kode css pada tema blogger

Langkah berikutnya adalah menambahkan kode css pada tema blog.

1. Klik Tema, Edit HTML. lalu cari kode ]]></b:skin>
2. Letakkan kode berikut ini diatas kode tersebut.

/* Label style cloud ----------------------------------------------- */ 
.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 #6BB5FF; text-decoration:none; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -webkit-transition:all .5s ease-out; -ms-transition:all .5s ease-out; transition:all .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 }

3.Simpan.

Selain style label cloud bergerak yang saya bagikan diatas, anda juga dapat mencoba style yang lainnya yaitu Label style cloud warna warni, selamat mencoba dan semoga bermanfaat.