Monday 13 May 2013

Tuto : Scroll Bar #2

Assalamualaikum & Selamat Malam guys !

Malam ni Ira tak boleh tidur tu yang teringin sangat nak buatkan tuto ni untuk korang .. Okay jom fokus !

1. Login > Dashboard > Template > Edit Html
2. Tekan Ctrl + F , cari code ni :

/* Header
3. Lepas copy code kat atas tu , Then copy code kat bawah ni pulak .

 ::-webkit-scrollbar {
height:8px;
width: 8px;
background:#FFEBFF;
}
::-webkit-scrollbar-thumb {
background-color:#E8A8FF;
-moz-border-radius: 10px;
border-radius: 10px;
}
.awesome {
text-align: center;
margin-top: 200px;
-webkit-transition:1s;
}
.awesome:hover {
opacity:0.8;
-webkit-transition:1s;
padding-left:50px;
}
Warna Biru : Boleh tukar megikut warna kesukaan  background korang .  Tak nak tukar pon boleh !
Warna Oren : Boleh tukar ikut suka korang okay . Tekan sini

4. Dah copy , paste code di atas sebelum code  /* Header  tadi .
5.Preview dulu . tengok jadi ke tak . Dah jadi , Good !!

Pesanan Dari Ira : 


  • Sebelum buat tutorial ni baca Bismillah banyak-banyak tau ! 
  • Pastikan korang copy code tu betul-betul . (Full)
  • Kalau tak menjadi tu mungkin korang ade salah kat mana-mana . Ataupun inform Ira okay ? :)


No comments:

Post a Comment

Assalamualaikum ! Tinggalkan komen korang :)

LinkWithin

Related Posts Plugin for WordPress, Blogger...