Lazada Malaysia

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.


Blog, Updated at: Monday, July 05, 2010

3 comments:

  1. salam sobat
    tutorial mantap
    saya akan mencoba buat tulisan bayang-bayang dengan CSS.
    trims sudah diberikan caranya.

    ReplyDelete
  2. @NURA
    terima kasih banget ya mbak. semoga kita sama-sama mendapat tip yang lebih mantap lagi

    ReplyDelete
  3. seeeep!! makasih bgt udah di coba dan berhasil!!

    ReplyDelete

Pemilik Blog tidak bertanggungjawab terhadap sebarang komen, hasutan atau unsur jenayah yang menyalahi undang-undang Negara. Setiap komen adalah liabiliti peribadi pihak yang membuat komen.

Followers

NUFFNANG