Cara Membuat Efek Bayangan Pada Teks Dengan CSS3

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode

.post h3 {
color: #444;
font-size: 22px;
font-weight:normal;
line-height:1.4em;
margin: 0 0 5px;
padding: 10px 0 10px;
}

7. Jika sudah ketemu tambahkan kode

text-shadow: 2px 2px 2px #DDD; 

8. Jadinya seperti ini

.post h3 {
color: #444;
font-size: 22px;
font-weight:normal;
text-shadow: 2px 2px 2px #DDD;
line-height:1.4em;
margin: 0 0 5px;
padding: 10px 0 10px;
}

NB: Silahkan diatur nilai propertynya untuk mendapat Efek Shadow yang sobat inginkan.
Efek ini juga bisa ditambahkan pada Teks di bagian sidebar, form komentar, footer, dan lain-lain.

9. Save

Related Post