Membuat bayangan teks pada header

Maaf sobat² bloger, sudah lumayan lama absen dan tidak perbaharui blog. Dikarenakan ada kendala pada ponsel.

Mungkin di antara sobat yang berkunjung sudah banyak yang tau cara memasang header yang ada bayangannya. Supaya kelihatan agak unik biasanya para bloger lebih kreatif dengan memasang beberapa efek pada header atau postingannya, dan yang akan di bahas di sini tentang cara membuat bayangan teks pada header.

Tidak perlu panjangxlebar, langsung ja di praktekkan.


Untuk yang 2 bayangan

font:$pagetitlefont;
text-shadow:0px 0px 0px #f00, 0 -4px 4px #f0f;

Untuk yang 3 bayangan

font:$pagetitlefont;
text-shadow:0 2px 4px #fff, 0 -5px 4px #ff0, -2px -9px 9px #f80, 2px -9px 9px #f20;

Untuk pemasangannya, letakkan css dh bawah #header h1

Contoh:

#header h1 {
color:$pagetitlecolor; margin:0;
padding:5px 0 0 10px;
text-decoration:none;

font:$pagetitlefont; text-shadow:0px 0px 0px #f00, 0 -4px 4px #f0f;}

Untuk template AutoWindow seperti yang saya gunakan, letak kan css nya di bawah #header

Cukup sekian dulu penjelasannya, karna saya yakin sobat² sudah mengetahui.
Saran dan kritiknya selalu di nanti..!

Terima kasih sudah membaca Membuat bayangan teks pada header dan sempatkan untuk membaca yang lainnya broth..