Membuat Teks Berbayang (Shadow)

A

nda ingin membuat sebuah teks berbayang pada artikel postingan blog anda, atau pada setiap judul postingan terlihat berbayang? Waw...pastinya akan lebih keren blog anda. Lihat contohnya di blogku ini. Tiap judul posting nampak berbayang bukan? Kalau tidak terlihat, berarti browser anda kurang cocok. Pakai opera, atau opera mini HP tidak ada masalah kok. Caranya sangat gampang. Setelah anda login ke blogger, langsung menuju edit html. Atau bagi yang ngeblog pakai HP, klik download template lengkap lalu edit dengan moby explorer dsb. Selanjutnya cari kode ]]></b:skin>, lalu letakkan kode berikut di atasnya:

.tshadow { color: #000; background: transparant; height: 35px; width: auto; padding-left: 20px; line-height: 32px; font-size: 1.8em; margin-bottom: 5px; margin-left: 5px; text-shadow: 2px 2px 3px #000; /* IMPORTANT */ }

Cara penulisannya pada postingan:

<div class="tshadow">Teks yang ingin dibuat berbayang di sin</div>

* Bila anda ingin teks berbayang ada pada tiap judul postingan secara otomatis. Langkahnya:
Pada edit html, Cari kode .post h3, kemudian letakkan kode berikut di dalamnya:

text-shadow: 2px 2px 3px #333; /* JANGAN DIRUBAH */

simpan template/upload. Lihat hasilnya. Selamat mencoba jangan menyerah, bila gagal berarti ada kesalahan. Perbaiki dan ulangi lagi.