[Object]
Home » » Membuat Tulisan Bayangan Judul Blog Dan Deskripsi

Membuat Tulisan Bayangan Judul Blog Dan Deskripsi

Teks Bayangan di Judul Blog

  Login ke blog, dan ke pengaturan Template
  Klik edit HTML, dan cari kode   .Header h1 {    lengkapnya seperti dibawah ini.

    .Header h1 {
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: 0 0 $(title.shadow.spread) #000000;
    }

    Setelah ketemu dengan kode diatas, ganti tulisan warna merah dengan kode ini;   text-shadow: 2px 2px 5px #800000; Jadi kode lengkapnya seperti dibawah ini.

    .Header h1 {
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: 2px 2px 5px #800000;
    }

    Sekarang coba pratinjau dulu template kamu, dan lihat sudah ada text bayangan belum judul blog kamu. Jika sudah berubah baru disimpan.
    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.

    Untuk lebih jelasnya, kalian bisa atur text bayangan sesuai dengan yang kalian inginkan disini https://www.cssportal.com/css3-text-shadow-generator/.

Text Bayangan di Deskripsi Blog

    Login ke blog, dan ke pengaturan Template
    Klik edit HTML, dan cari kode .Header .description { lengkapnya seperti dibawah ini.

  .Header .description {
  font: $(description.font);
  color: $(description.text.color);
}

    Sama seperti diatas, tambahkan kode ini     text-shadow: 2px 2px 5px #800000;   lengkapnya seperti dibawah ini,

    .Header .description {
      font: $(description.font);
      color: $(description.text.color);
    text-shadow: 2px 2px 5px #800000;
    }

    Silakan di pratinjau untuk melihat perubahannya. Setelah berubah baru disimpan.


Dan untuk lebih cepatnya lakukan dengan cara dibawah ini

    login ke blogger, dari halaman dasbor pilih pengaturan template, klik edit html
dan cari kode ]]></b:skin>
    hapus semua kode yang ada di atas dan ganti dengan kode yang dibawah ini, dan letakkan kode berikut  tepat di atas    ]]></b:skin>

 
.Header h1 {


      font: $(header.font);


      color: $(header.text.color);


      text-shadow: 2px 2px 5px #800000;


    }


    .Header .description {


      font: $(description.font);


      color: $(description.text.color);


    text-shadow: 2px 2px 5px #800000;


    }


lalu klik simpan template 




sumber :

Thanks for reading & sharing Sihaloho Sidapitu