Rabu, 13 Agustus 2014

cara edit label blog



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
  1. /* label-size Black */  
  2. .label-size{margin:0;padding:0;position:relative;}   
  3. .label-size a{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-bottom9px;margin-left:15px;  
  4. 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;   
  5. border-top-right-radius:4px;}   
  6. .label-size a:before{content:"";  
  7. 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;}   
  8. .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;}    
  9. .label-size a:hover{background:#333;}   
  10. .label-size a:hover:before{border-color:transparent #333 transparent transparent;} 

0 komentar:

Posting Komentar