Merobah style font Judul template blog versi terbaru menggunakan CSS stroke

AvatarOleh:
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.

font style example
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:

Belum ada Komentar untuk "Merobah style font Judul template blog versi terbaru menggunakan CSS stroke"

Posting Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel