Cara Membuat Efek Shadow/Bayangan Pada Teks

Hari ini kita akan membahas tutorial ringan tentang
" Cara Membuat Bayangan Pada Teks ". Bayangan
pada teks atau yang juga lebih sering dikenal dengan
istilah Shadow, biasanya dibuat untuk memberikan
perbedaan antara teks yang diberi shadow dengan
teks lainnya. Oleh sebab itu, efek shadow ini sering
diberikan pada sebuah judul postingan dan sebagainya,
yang tentu saja bertujuan agar teks tersebut terlihat
lebih menonjol dibandingkan teks-teks yang lainnya.

Bila anda ingin menerapkan efek ini pada blog anda,
ada 2 (dua) cara yang bisa anda lakukan :

CARA PERTAMA :

1.   Masuk ke Edit HTML

2.   Cari kode </head>

3.   Copy kode berikut dan letakkan
      di atas kode </head> tersebut,
      lalu simpan template anda.

      <style type="text/css">

      h1

      {

      color:#0000FF;

      text-shadow: 3px 3px 3px #00FFFF;

      }

      </style>

KETERANGAN :

Ubah warna teksnya dengan warna yang anda
inginkan pada kode color:#..............

Ubah pula warna text-shadow-nya.

Anda bisa sesuaikan jarak & blur shadownya, dengan
mengubah angka pada kode 3px 3px 3px

4.   Pada saat menulis postingnya,
      sisipkan kode <h1>................................</h1>
      pada teks yang ingin anda berikan shadow.

CARA KEDUA :

1.   Pada saat menulis posting, awalilah dengan
      kode seperti berikut ini :

      <style type="text/css">

      h1

      {

      color:#0000FF;

      text-shadow: 3px 3px 3px #00FFFF;

      }

      </style>

2.   Sisipkan kode <h1>................................</h1>
      pada teks yang ingin anda berikan shadow.

Susunan lengkapnya akan seperti ini :

<style type="text/css">

h1

{

color:#0000FF;

text-shadow: 3px 3px 3px #00FFFF;

}

</style>

<h1>........................................</h1>

CATATAN :

Sekedar untuk mengingatkan anda, pada saat
meletakkan kode pada postingannya, seperti biasa
harus dalam modus Edit HTML bukan Compose.

Selamat mencoba, good luck!