Berikut cara penerapannya Ikuti langkah berikut.
1. Log in ke blogger
2. Klik Template
3. Klik Edit HTML
4. Lalu paste kode CSS dibawah, dan letakkan di atas kode ]]></b:skin> ( menggunakan ctrl+f ) dan letakan di atas ]]></b:skin>
5. Selanjutnya Klik Simpan Template.
6. Lalu Sobat Klik Edit Tata Letak, >> Klik Tambah Gadget >> Pilih Label >> lalu setting pilih cloud dan save
kode CSS
- /* label-size Black */
- .label-size{margin:0;padding:0;position:relative;}
- .label-size a{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-bottom: 9px;margin-left:15px;
- padding:0 10px 0 12px;background:#222;color:#fff;text-decoration:none;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;
- border-top-right-radius:4px;}
- .label-size a:before{content:"";
- float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent #222 transparent transparent;border-style:solid;border-width:12px 12px 12px 0;}
- .label-size a:after{content:"";position:absolute;top:10px;left:0;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff;-moz-box-shadow:-1px -1px 2px #000;-webkit-box-shadow:-1px -1px 2px #000;box-shadow:-1px -1px 2px #000;}
- .label-size a:hover{background:#333;}
- .label-size a:hover:before{border-color:transparent #333 transparent transparent;}
0 komentar:
Posting Komentar