Welcome to my purple,pink blog.You want to +Follow or go back to your Home
❀ HadaaNiaa ❀: Oktober 2010

TUTORIAL: Scroll Bar Berwarna Macam Ain

Views
Hai guys hari ni Ain nak buat tutorial scroll bar mcm Ain..
Ape itu scroll bar ? alaaaa , yg boleh gerak-2 tu lha..tataw jgak? meh sini..
Tp , sebelum tuh tutorial ni hanya mampu dilihat menggunakan google chrome sahaja !

Klik gamba untuk besarkan :)

Oke lets the tutorial !

1. dashboard
2. design
3. edit HTML
4. tick expand widget template
5. dengan menggunakan Ctrl + F search

]]></b:skin>

type sendiri oke ! jangan malas..blog Ain ade prob agknye..heheh sje letak gamba :p
6. copy bawah ni

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F6358A;
-moz-border-radius: 10px;
border-radius: 10px;
}


warne biru tu korg leyh cr kt sini.
7. paste kan di atas kod yg korang cr td..

dha siap PREVIEW dulu.kalau jadi baru SAVE ok..ade problem bgtw iye :)

Tp ingat.. tutorial ni hanya boleh digune pade google chrome sahaja !!


Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*


TUTORIAL: Border Di Sidebar Title & Post Title

Views

Hye semua budak power ! Hari ni Ain nak buat Tutorial border di sidebar title & Post Title.
Oke , lets the tuto.



1. dashboard
2. design
3. edit html
4. tick widget template
5. untuk sidebar : Ctrl + F search perkataan dibawah ni

.sidebar .widget {


Kalau takde cari kod yang ni

h2 {

6. untuk post title: Ctrl + F search perkataan di bawah ni

h3.post-title {


7. Pilih Border yang sesuai :



URL BORDER:

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;





URL BORDER:

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;





URL BORDER:

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;


URL BORDER:

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;



URL BORDER:

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;


URL BORDER:

-moz-border-radius: 35px;
border-radius: 35px;




8. Pastekan Url Border dibawah code yang korang cari.


credit to Lyssa Secret


Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*