CARA MEMBUAT BAYANGAN PADA TEKS

Ada dua cara dalam pembuatan text-shadow :
1. Menggunakan kode html (xhtml)

Kita bisa secara langsung membuat Text Shadow pada area posting, dengan cara    menambah kode html pada area html. Berikut adalah cara penulisan kode HTML :

<h3 style="color: #01022c; font-family: staccato222 BT; font-size: 2em; font-weight: 700; line-height: 1.2em; padding: 3px 10px; text-shadow: 0.1em 0.1em 0.2em rgb(119, 119, 119);">
carakitamembuat.blogspot.com
</h3>

Hasilnya seperti ini:

carakitamembuat.blogspot.com 

2.  Menggunakan kode CSS.

Untuk cara yang ini anda harus menyisipkan kode Css pada Template, tepatnya anda bisa letakkan kode Css sebelum tag </head>.

Berikut contoh teks shadow menggunakan kode Css :

<style type='text/css'>
.teks-shadow {
color: #01022c;
font-family: staccato222 BT;
font-size: 2em;
font-weight: 700;
line-height: 1.2em;
padding: 3px 10px;
text-shadow: 0.1em 0.1em 0.2em rgb(119, 119, 119)
}
</style>

Kemudian untuk menampilkan text shadow kita tinggal menambah kode html pada widget atau area posting ataupun dimana anda akan menempatkan teks shadow sesuai kebutuhan anda.

<div class="teks-shadow">
Teks Shadow disini
</div>