Senin, 08 Oktober 2012

Membuat Pseudo-elements pada Sidebar

Selamat Sore Pengunjung ITCxMrsBii™ kami akan memberikan Trick Blogger yaitu Membuat Pseudo-elements pada Sidebar. Contohnya silahakan lihat gambar di bawah ini :


Mau tau caranya? yuk simak berikut ini. (wkwkwkwk kayak infotaiment aja).

Caranya :

  1. Login Blogger anda
  2. Pilih Setelan >> Templates >> Edit HTML
  3. Cari ]]></b:skin> (Pakai CTRL + F aja Biar Cepet)
  4. Masukan Code Berikut diatas Code ]]></b:skin> tadi
#sidebar h2:first-letter {color:#cbcbcb;font-size:25px;letter-spacing:1px;background: #FF0000;-webkit-border-top-right-radius:0px;-webkit-border-top-left-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;padding:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:10px; border:3px solid #fff;}
     5.  Pratinjau dlu Jelek apa Bagus
     6.  Save dah :D

Keterangan :
Warna Ungu : Warna Font
Warna Orange : Ukuran Font
Warna Merah : Warna Background yang digunakan
Warna Lime : Ukuran & Jenis Garis Samping (Border)
Warna Abu-Abu : Warna Border

Sekian Dari saya Kurang Lebihnya saya Mohon Maaf

Semoga Bermanfaat

0 Comment:

Posting Komentar

(AC) Rules :

► No Spam
► No Sara
► Dont Flood
► Don't Use offensive language

Thanks

 
Copyright © . ITCxMrsBii™ - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger