Merobah style font Judul template blog versi terbaru menggunakan CSS stroke

Jika kalian menggunakan 5 varian terbaru template blogger dan ingin merombak style font Judul sama sekali berbeda dari bawaan (default) nya lagi lagi kami menawarkan opsi pengaturan CSSnya. Perubahan ini tidak akan mengurangi kecepatan loading halaman.

Tentu saja kita secara default kita dapat memilih style font kustom melalui pengaturan dasbor blogger, kita dapat smemilih font yang tersedia dari font Arial hingga font Unifraktur Maguntia dan tentu saja dapat memilih warnanya. Akan tetapi hanya sebatas perubahan pada jenis font dan warna itu saja.

Nah melalui pengaturan CSS Judul 

halaman editblogtema menjadi tampak beda. Caranya adalah:

• Masuk ke pengaturan blogger
• Pilih Tema
• Pilih edit HTML

Pada halaman editor HTML blogger, cari kode </head> dan letakan kode CSS berikut tepat di atasnya:

<style>  h1{
  font-family: &#39;Calibri&#39;, Calibri;
  font-weight: 800;
  font-size: 7vw;
  line-height: 1;
  color: #f0f0f0;
  text-align: center;
  -webkit-text-stroke: 2px #fff;
  text-stroke: 2px #fff;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: transparent;
}</style>

Save template.

Cara di atas sudah cukup untuk merubah tampilan Judul halaman web/blog kalian. Namun kalian bisa saja memodifikasi cuplikan sumber kode di atas untuk membuat tampilan judul sesuai dengan keinginan.

Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini! Share: