Cara membuat tulisan berbayang (shadow)

Tuesday, April 19, 2011

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

Popular Post

Labels: Tutorial Blog

Thanks for reading Cara membuat tulisan berbayang (shadow). Please share...!