12 Text Shadow Keren Untuk Web/Blogger Keren

Anggirocker| Hai sahabat blogger, tutorial kali ini kita akan membahas tentang text shadow keren untuk blogger/website Anda. Text shadow ini cocok untuk dijadikan judul postingan blog Anda ataupun juga untuk judul header blog Anda.

Langkah :

1. Buka akun Blogger Anda
2. Masuk ke menu edit HTML, jangan lupa centang expand template widget Anda.

Jika Anda ingin membuat efek ini di judul postingan Anda, cari kode yang mirip seperti dibawah ini :

.post {
----------------
----------------
----------------------
----------------------
-----------------
kode text shadow}

Jika Anda ingin membuat efek ini pada judul header blog Anda, Anda harus mencari kode yang mirip pada kode dibawah ini :

#header {
-------------
-----------------
------------------
--------------------
-----------------
kode text shadow}

 Keterangan :

• Ganti  kode text shadow  diatas, pada kode-kode dibawah ini :

text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

body {
    background: #222;
}

#text h1 {
    color: rgba(0,0,0,0.6);
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}

 text-shadow: 6px 6px 0px rgba(0,0,0,0.2);

text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);

text-shadow: 0px 3px 0px #b2a98f,
                 0px 14px 10px rgba(0,0,0,0.15),
                 0px 24px 2px rgba(0,0,0,0.1),
                 0px 34px 30px rgba(0,0,0,0.1);

text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);

text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);

background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;

text-shadow: 0px 0px 6px rgba(255,255,255,0.7);

text-shadow: -10px 10px 0px #00e6e6,
                 -20px 20px 0px #01cccc,
                 -30px 30px 0px #00bdbd;

text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05);

color: rgba(0,0,0,0.6);
text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
                 0px -5px 35px rgba(255,255,255,0.3);

Untuk hasil sempurna, gunakan kemampuan pengertian HTML Anda, terima kasih.

Artikel Terkait

tagg ku niii

• Apa Itu Google Sand Box dan Bagaimana Mengatasinya?
• BSE Biologi SMA XI oleh Faidah Rachmawati
• BSE Kelas11 SMA Bhs Developing English Competencies Achmad Doddy
• BSE Kelas 11 Biologi Rennidiastuti
• BSE Kelas 11 SMA Bindo Studi Bahasa Nurita
• BSE SMA 11 Biologi Siti Nur Rochmah
• BSE SMA 11 Biologi Purnomo
• BSE Kelas 10 SMA Eko Supriyanto
• BSE Kelas 10 SMA Fisika Setya Nurachmandani
• BSE Kelas 10 SMA Fisika Setya Nurachmandani
• BSE Kelas 10 SMA Biologi Ari Sulistyorini
• BSE Kelas 10 SMA Biologi Idun Kistinnah
• BSE Kelas 11 SMA Biologi Endang Sri Lestari
• BSE Kelas 10 SMA Bindo Sri
• BSE Kelas 10 SMA Bindo E Kusnadi
• BSE SMA 10 Biologi Riana Yani
• BSE TIK SMA Kelas11
• BSE Kelas 11 SMA Sejarah Imtam
• BSE Kelas 11 SMA Bhs Sejarah Sh
• BSE Kelas 11 SMA Matematika Bahasa Pangarso
• BSE Kelas 11 SMA Kimia Irvan
• Kelas 11 SMA Kimia Suwardi
• BSE SMA Kelas 11 Kimia Crys Fajar Partana
• BSE SMA 11 Fisika Dwisatyapalupi

Tips Dan Trik

• Soal Prediksi SBMPTN 2013 Saintek (IPA) Soshum (IPS) dan Campuran
• 70 Keyword dengan Pembayaran Tertinggi Google Adsense di 2013
• Cara Memasang Yahoo Messenger di blog Update
• Kumpulan Cerita Lucu & Gokil 2013 Update Versi Eyang Subur
• 5 Cara Optimasi Blog Blogger Di jamin
• Apa Itu Google Sand Box dan Bagaimana Mengatasinya?
• 5 Negara Dengan Koneksi Internet Tercepat Dunia Update
• Auto Like Status Facebook 100% Bekerja di 2013 Terbukti
• Cara Membuat Menu Tab View Tanpa Edit HTML Update
• Kumpulan SMS Patah Hati Paling Sedih Banget New
• Inilah 7 Ciri-Ciri Pria Idaman Wanita Yang Patut Anda Coba New
• Gratis Paket Internet 75MB Telkomsel | PROMO Work 100% Hot
• Cara Main Chord Keyboard/Piano Lengkap

Ditulis Oleh : Rahmi Maulidhita ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang 12 Text Shadow Keren Untuk Web/Blogger Keren. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://pinsukses.blogspot.com/2013/05/12-text-shadow-keren-untuk-webblogger_2.html" target="_blank">12 Text Shadow Keren Untuk Web/Blogger Keren</a>

:: Get this widget ! ::