Cara Memodifikasi Tampilan Widget Pada Label Katagori Agar lebih Keren saat di Pandang
Dalam blog selalu ada daftar
label dan diwajibkan untuk dimunculkan di tampilan blog.
Label merupakan daftar untuk diberikan disetiap postingan dengan
tujuan mengkelompokan sesuai tema dalam postingan tersebut.
Jadi dalam tampilan label yang
disebut nama lainnya yaitu katagori dan tampilan bawaan dari blog sendiri ada 2
yaitu Daftar dan Cloud.
Cara Modifikasi Tampilan Widget Pada Label
- Masuk ke akun blog
- Buka Tata Letak
- Jika belum menambahkan Widget Label, maka tambahkan terlebih dulu dengan pilih Tambahkan Gadget – pilih Label,
- Ganti bagian Tampilan menjadi Cloud
- Jika sudah ditambahakan Widget Label, buka menu Template – Edit HTML.
- Cari kode ]]></b:skin> dengan CTRL+F
- Copy kode ini dan paste atau taruh di atas kode ]]></b:skin>
.label-size{margin:7px;padding:7px;text-transform:uppercase;
border:solid 1px
#C6C6C6;border-radius:3px;float:left;text-decoration:none;
font-size:12px;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}
|
Hasilnya bisa dilihat diblog AzaSkom ini.
Silakan mencobanya dan diterapkan
diblog kalian tentang Cara Modifikasi
Tampilan Widget Pada Label.
Jika ada yang ditanyakan silakan
berkomentar atau memberikan saran dan kritik.
Baca juga tentang Cara Menambahkan Widget Sesuai Label Katagori Diblog
Terimakasih telah berkunjung,
semoga bermanfaat.
0 komentar:
Post a Comment
Silakan berikan komentar atau pertanyaan secara sopan....