Home » , , , , » Cara Modifikasi Tampilan Widget Pada Label

Cara Modifikasi Tampilan Widget Pada Label

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
  1. Masuk ke akun blog
  2. Buka Tata Letak
  3. Jika belum menambahkan Widget Label, maka tambahkan terlebih dulu dengan pilih Tambahkan Gadget – pilih Label,
  4. Ganti bagian Tampilan menjadi Cloud
  5. Jika sudah ditambahakan Widget Label, buka menu Template – Edit HTML.
  6. Cari kode ]]></b:skin> dengan CTRL+F
  7. 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}
  *Jangan lupa rubahlah pada konfigurasi Widget Label pada tampilan menjadi Cloud.

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.


Terimakasih telah berkunjung, semoga bermanfaat.


AzaSkom
AzaSkom Updated at: 20:01

0 komentar:

Post a Comment

Silakan berikan komentar atau pertanyaan secara sopan....