Cara Membuat Efek Text 3D pada Blog

Baca Juga

Daftar isi: [Tampil]

Cara Membuat Efek Text 3D pada Blog - Pada malam hari, hari ini, jam ini, menit ini, detik ini juga saya akan share sebuah tutorial untuk mempercantik isi postingan #alay banget. Tutorial ini berfungsi untuk membuat text menjadi 3D. Contohnya ada pada gambar diatas. Yang pengen seperti itu, langsung aja ke tutornya :

 1. Login ke Blogger

 2. Masuk ke Rancangan - Edit HTML - centang Expand Template Widget (Sebelum pengeditan saya   sarankan untuk mendownload templatenya terlebih dahulu)

 3. Tambahkan kode ini, dan letakkan dimana sobat mau.

text-shadow:2px 1px 1px #999, 4px 1px 1px #888, 6px 1px 1px #777, 8px 1px 1px #666, 10px 1px 1px #555, 12px 1px 1px #444, 14px 1px 1px #333, 16px 1px 14px #001135;}

Contoh :

#header h1 {
  margin:5px 5px 0;
  padding:15px 0px .25em 20px;
  text-transform:uppercase;
  font:normal 60px/40px "Arial",arial,sans-serif;
  color:#fff;
  line-height: 1.3em;
text-shadow:2px 1px 1px #999, 4px 1px 1px #888, 6px 1px 1px #777, 8px 1px 1px #666, 10px 1px 1px #555, 12px 1px 1px #444, 14px 1px 1px #333, 16px 1px 14px #001135;}} 

Sumber