Notification

×

Kategori Berita

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

Adsense Responsif

Tag Terpopuler

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.
×
Artikel Terbaru Update
Rekomendasi Untuk Anda × +