Membuat Text Shadow

text shadow
Banyak cara untuk membuat tampilan blog lebih keren, salah satumya dengan membuat Text Shadow. efek ini, bisa di terapkan pada posting blog/web anda. bahkan dalam setiap posting biasanya saya menerapkan Text Shadow ini
Untuk penggunaan Bisa anda lihat di bawah. untuk contoh. pada posting ini juga sudah saya terapkan.
BIASAKAN BACKUP ATAU DOWNLOAD TEMPLATE SEBELUM DI EDIT

Mode CSS.

mode ini, adalah mode pemanggil dengan meletakan CSS sebelum tag  </head> dengan cara.
  • Login dan masuk profil blog anda.
  • Pilih Template, lalu pilih edit HTML.
  • Cari kode  </head> gunakan [ Ctrl + F ] supaya lebih mudah.
  • kemudian copy-paste kode dibawah ini sebelum kode </head>
<style type='text/css'>
.teks-shadow {
color: #ff000c;
font-family: staccato222 BT;
font-size: 15px;
font-weight: 100;
line-height: 15px;
padding: 3px 10px;
text-shadow: 0.1em 0.1em 0.2em rgb(119, 119, 119)
}
</style>
  • Kemudia Save Template.
  • Untuk menampilkan kode Text Shadow. pada posting, widget atau di manapun, gunakan kode pemanggil di bawah ini.
 <div class="teks-shadow">
Tulis Text Shadow Disini
</div>

Mode HTML.

Untuk Mode HTML ini, anda tinggal copy-paste kode di bawah ini pada Posting atau Laman di bagian HTML.
<h3 style="color: black; font-family: 'Jolly Lodger', cursive; font-size: 25px; font-weight: 100; line-height: 20px; padding: 3px 10px; text-shadow: 0.1em 0.1em 0.2em rgb(119, 119, 119);">
<u><span style="font-family: 'Jolly Lodger', cursive;">TUTORIAL</span></u>
</h3>
  • Semoga artikel singkat ini bermanfaat.
Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg

2 komentar

keren mas :)
tapi blog ane udah keberatan :(

hapus saja kode / widget yang tidak penting.

pakai yang HTML saja. tapi saya rasa ini ringan. ^_^

jangan sungkan berkomentar dengan sopan
dilarang memasang spam, memasang iklan, link aktif/mati dan memasang hal tentang pornografi.

Apabila ingin memasang gambar, cukup masukan link gambarnya.
Gunakan Konversi kode jika ingin memasukan kode script


Konversi KodeEmoticon