MEMBUAT TULISAN BAYANG-BAYANG DENGAN CSS(TEXT SHADOW)

SHADOW TEXT EFEK BAYANG-BAYANG PADA TEXT

kod css di atas - text-shadow: 1px 1px #F60000

Salam bloger kepada rakan semua. Entry kali ini saya nak kongsikan sedikit tip-tip bagaimana nak membuat efek bayang-bvayang pada tulisan kita di blog. Tentu ramai yang sudah tahu bagaimana hendak membuatnya. Tapi kepada sahabat-sahabat yang baru ingin mencubanya jom kita lihat bagaimana kita hendak membuat text shadow menggunakan CSS3.

 

Contoh yang mudah disini ialah (Tajuk Entry). Cuba cari kod seperti dibawah di html blog anda;

Caranya Sign in di Blogger, Pilih reka letak dan pilih Edit HTML(tick Expand Template Widget).

Jangan lupa nak backup dulu template anda.

.post h3{
margin:.25em0 0;
padding:0 0 4px
font-size:100%;
font-weight:normal;
line-height:1.4em;
color:$titleColor;
}

Perhatikan kod css dibawah:

text-shadow: 1px 1px 1px #000000;

.post h3{
margin:.25em0 0;
padding:0 0 4px;

text-shadow: 1px 1px 1px #000000;

font-size:100%;
font-weight:normal;
line-height:1.4em;
color:$titleColor;
}

Dan jangan lupa save templates anda.

1px 1px 1px - ketebalan bayang-bayang pada text
#000000 -  adalah untuk warna bayang-bayang tulisan(shadow text)
Anda boleh mengubah apa sahaja text di dalam templates anda untuk membuatkan shadow text.

p/s sekali lagi saya berpesan, JANGAN LUPA BACKUP TEMPLATES ANDA DAHULU SEBELUM MENCUBA.