My Contact Facebook :A-Jie Neversaydie
Home » » Efek Bayangan Teks

Efek Bayangan Teks

 Posted By Vgm Ajie NeverSaydie , under

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!
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

Total Pageviews

Jam

Translate dan Ikuti

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
(+)add friend Facebook : Vgm A-Jie Neversaydie
 
Support : Creating Website | A-jie Template | A-Jie Neversaydie
Copyright © 2011. Vgm A-Jie Neversaydie - All Rights Reserved
Template Created by Creating Website Published by Mas A-jie
Proudly powered by Blogger