Label Cloud

Search This Blog

03 March 2010

online counter Shadow Pada Profil

Assalamualaikum , MSue ingin berkongsi ngan korang ilmu yang MSue bagaimana cara nak buat profile shadow pada profile di blog korang supaya nampak lebih menarik .

1. Login ke Blogspot macam biasa .

2. Klik Layout - Edit HTML(Jangan lupe tandakan pada Expand widget)

3. Cari kod di bawah .


.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;}


4. Tambahkan dengan kod di bawah seperti Contoh yang Msue tunjukkan


profile-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;


CONTOH :-


.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px; profile-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}


5. Save template dan preview .

Semoga berjaya .

Note : Kod yang di highlight hijau korang leh tukarkan ngan kod warna yang korang suke.di ingatkan jangan lupe letakkan tanda ( # ) sebelum kod warna yang korang letak , contohnye seperti ini #cccc00 , #ff0000 , #0000ff


Via - ShamZone



Tinggalkan Komen Anda Disini