Home » Blogger Hack » 12 Text Shadow Keren Untuk Web/Blogger

12 Text Shadow Keren Untuk Web/Blogger

Kali ini Blog Gado Gado akan menampilkan artikel berjudul 12 Text Shadow Keren Untuk Web/Blogger. Dengan artikel 12 Text Shadow Keren Untuk Web/Blogger ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci 12 Text Shadow Keren Untuk Web/Blogger kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel 12 Text Shadow Keren Untuk Web/Blogger selengkapnya:

D-Copy Blog | 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.

Text Effect

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 :
CSS Text Shadow 1
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
CSS Text Shadow 2
body {
    background: #222;
}

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

 text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
CSS Text Shadow 4
text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);
CSS Text Shadow 5
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);


CSS Text Shadow 6
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);
CSS Text Shadow 8
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;
CSS Text Shadow 9
text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
CSS Text Shadow 10
text-shadow: -10px 10px 0px #00e6e6,
                 -20px 20px 0px #01cccc,
                 -30px 30px 0px #00bdbd;
CSS Text Shadow 11
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);
CSS Text Shadow 12
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.


Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul 12 Text Shadow Keren Untuk Web/Blogger dengan keword yang masuk Blogger Hack . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Poskan Komentar