03 March 2010
Shadow Pada Profil
hak milik
Sue
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 .
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
