Notification

×
Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.

Kategori Berita

TRENDING TERKINI

Adsense Responsif

TAG TERPOPULER SAAT INI

Merubah tampilan label menjadi kotak label yang menarik dan simple

07 Februari 2014 | 10:31 WIB Last Updated 2021-08-06T12:42:41Z
Bantu Subscribe ya?
Subscribe
Credit img: freepik.com

Merubah tampilan label menjadi kotak label yang menarik dan simple sangatlah membantu buat blog kita khususnya bila ingin membuat tampilan blog kita lebih rapi bagi pengunjung blog kita yang sedang membaca artikel postingan kita.




Langkah merubah tampilan label menjadi kotak label yang menarik dan simple pun sangat mudah , yaitu pergi ke Tata Letak>Pilih Gadget Label




Selanjutnya pergi ke Tempalte> Edit Html
Copy pastekan kode dibawah ini di atas kode ]]></b:skin>

/*-----Custom Labels Cloud widget by www.lukman-s.blog.com----*/ .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 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; }

 
Pratinjau dan simpan.

Untuk melihat versi lain bisa pergi ke cara membuat tampilan label berbentuk kotak menggunakan cloud


Selamat mencoba dan terima kasih.
Jika artikel ini bermanfaat jangan lupa bantu kami dengan cara klik "LIKE" atau "SHARE" ya, terima kasih.

Ingin cari Loker?
Yakin tidak mau baca ini?
Komentar Anda
Rekomendasi Untuk Anda × +