expr:class='"loading" + data:blog.mobileClass'> Arry-Slash Fan's Grup Contact Me ! My Facebook | My Twitter

Sabtu, 01 Januari 2011

Membuat Efek Berbayang Pada Text Di Header

      Pada kali ini saya akan memberi Tutorial Membuat Efek Berbayang pada Text Di Header ! kalo blom ngerti lihat hasilnya di Text Header saya ( Дяяý Ƒэяɲᾄѝȡᴓ Дɧᵯᾄ∂ ™ ),kalo dah ngerti langsung aja dehh kita Preaktekin.



Langkah-langkahnya :
  1. Silahkan login dulu di blogger
  2. Pilih Rancangan
  3. Pilih Edit Html
Setelah itu langsung kamu cari kode seperti dibawah ini !

#header h1 {
......................
......................
......................
}

Jika sudah ketemu masukkan kode di bawah ini di dalam kurung kurawa { ... }

Efek dua Bayang :
text-shadow:0px 0px 0px #000, 0 -5px 4px #0000ff;

Efek Tiga Bayangan :
text-shadow:0 2px 4px #fff, 0 -5px 4px #ff3, -2px -9px 9px #f80, 2px -9px 9px #f20;

Contoh : 
 #header h1 {
color: $pagetitlecolor;
margin: 0;
padding: 10px 0 0 20px;
text-decoration: none;
font: $pagetitlefont;
text-shadow:0px 0px 0px #000, 0 -5px 4px #0000ff;}

Perhatikan contoh yang berwarna Merah !!!
kamu pun bisa mengganti warna-warna tersebut. Semoga lebih bermanfaat.

Sekian ilmu yang saya berikan kali  ini, semoga  bermanfaat untuk kamu semua !

0 komentar:

Posting Komentar