Memberikan Efek Bayangan Pada Header Blog / Nama Blog

Cara memberikan efek bayangan pada header blog :
  1. Buka blog/ loggin.
  2. Pada dashboard pilih menu "template"
  3. Selanjutnya edit html
  4. Setelah halaman html terbuka cari kode /* Header, bisa menggunakan ctrl+f.
  5. Pada bagian deader tersebut terdapat kode : .Header h1 {
      font: $(header.font);
      color: $(header.text.color);}
  6. Tambahakan kode : text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
    text-shadow: 10px 10px 15px #000000;  Seperti gambar berikut ini :
    Edit Header Blog
  7. Silahkan preview template untuk melihat hasil sebelum di simpan. Jika sudah ok baru save template.
  8. 10px 10px 15px merupakan luas bayangan sedangkan #000000 merupakan warna bayangan dan bisa diganti sesuai selera.
  9. Sekian tips singkat untuk memberikan efek bayangan pada header blog.

SHARE THIS

Author:

Previous Post
Next Post