Selasa, 19 April 2011

Cara membuat tulisan berbayang (shadow)

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............

    Artikel Terkait

    Cara membuat tulisan berbayang (shadow)
    4/ 5
    Oleh

    Berlangganan

    Suka dengan artikel di atas? Silakan berlangganan gratis via email

    Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

    Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

    Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

    Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia, atau juga bisa URL Facebook atau Twitter kamu, misal http://facebook.com/markutil

    Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini pertanyaan kamu tidak akan ditanggapi.