Membuat 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