Belajar lebih baik dari pada nongkrong

Demo Site

Jumat, 12 Agustus 2011

Cara membuat tulisan berbayang (shadow) pake CODE HTML

Membuat tulisan berbayang (shadow) itu lah topik saya kali ini. di mana suatu blog kita temukan tulisan nya berbayang. nah pasti ada yang udah tahu kan. untuk membuat nya sangatlah mudah. trik ini hanya menggunakan kode CSS dan sedikit HTML. ikuti langkah-langkah di bawah ini
  • Log ini dulu ke blogger
  • Tata letak
  • Klik edit HTML
  • Kasi tanda centang di "Expand Widget Template"
  • Kemudian cari kode ]]></b:skin>
  • Letak kan kode dibawah ini diatas kode ]]></b:skin>

  • .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 */
    }
  • Simpan Tamplate anda
  • Setelah itu kode untuk posting. Sobat hanya menambah kode dibawah ini untuk membuat tulisan berbayang:
    <div class="tshadow">Tulisan Yang Ingin Dibuat Berbayang</div>
  • Silahkan liat hasilnya.
PENTING
  • Kode ini atau Trik ini hanya support dan berfungsi pada beberapa browser.
Selamat mencoba............

Tidak ada komentar:

Poskan Komentar

Click Me