Belajar Membuat Efek Tulisan Bayangan Pada Judul Blog

Assalamualaikum sahabat ikut belajar blog, sebelumnya saya ucapkan terima kasih kepada sahabat-sahabat yang telah berkunjung pada blog Ikut Belajar, blog yang sederhana ini tidak seperti blog-blog lainnya. yaps mari kita mulai belajarnya. kita lanjut sekarang Belajar Membuat Efek Tulisan  Bayangan Judul Blog

Cara membuat tulisan bayangan pada judul blog. Sebenarnya tidak hanya dijudul blog yang bisa diberi tulisan bayangan, tapi semua tulisan yang ada di blog juga bisa kita beri tulisan bayangan. Tapi yang harus kita ketahui terlebih dahulu adalah kode html pada bagian-bagian blog, setelah ketemu dengan kodenya baru bisa kita beri tulisan bayangan.

Ikuti langkah-langkah dibawah ini.

Text Bayangan di Judul Blog

  1. Login ke blog, dan ke pengaturan Template
  2. Klik edit HTML, dan cari kode .Header h1 { lengkapnya seperti dibawah ini.
  3. .Header h1 {
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: 0 0 $(title.shadow.spread) #000000;
    }
  4. Setelah ketemu dengan kode diatas maka tambahkan kode text-shadow: 2px 2px 5px #800000; Jadi kode lengkapnya seperti dibawah ini.
  5. .Header h1 {
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: 2px 2px 5px #800000;
    }
  6. Sekarang coba dipreview/pratinjau dulu template kamu, dan lihat sudah ada text bayangan belum judul blog kamu. Jika sudah berubah baru Di save.
  7. text-shadow: 2px 2px 5px ini adalah horizontal dan vertikal dari text bayangannya. dan #800000; adalah warna dari text bayangan. Silakan diganti sesuai dengan yang kalian inginkan.
  8. Untuk lebih jelasnya, kalian bisa atur text bayangan sesuai dengan yang kalian inginkan
Selamat Mencoba...
Jika Anda Kesulitan membuat Scroll di blog silahkan lihat dipostingan sebelumnya disini

Post a Comment

Silahkan Berkomentar Dengan Baik dan Sopan
No Spam
No Link

Terima Kasih Telah Berkunjung Ke Blog ini