Sabtu, 11 Maret 2017

Cara Membuat Judul Posting Berhuruf Kapital Pada Blogger (3 Baris Kode)

Judul posting blog nolmalnya sesuai dengan saat kita menulis post. Tapi, kadang template yang kita pakai menggunakan pengaturan CSS agar teks judul tampil dalam bentuk khusus, misalnya uppercase(kapital), lowercase(non-kapital) ataupun capitalize(kapital tiap awal kata).

Ini judul posting normal (none)
INI JUDUL POSTING UPPERCASE (uppercase)
ini judul posting lowercase (lowercase)
Ini Judul Posting Capitalize (capitalize)

Jika kita mau, kita bisa mengubah judul posting menjadi UPPERCASE hanya dengan 3 baris kode CSS, atau bisa juga ke salah satu bentuk di atas. Caranya mudah, cukup paste kode berikut, tepat di atas </head>. Buka dulu pengaturan template Blogger, pilih edit HTML, lalu temukan kode </head>.

<style>
.post-title {text-transform: uppercase !important;}
</style>

Penting untuk menambahkan kode !important pada atribut set CSS di atas. Ini berguna untuk meng-override pengaturan bawaan template yang sedang digunakan. Dengan !important, artinya kita memaksa pengaturan ini sebagai pengaturan yang penting disamping adanya pengaturan lain.

Sebenarnya bisa juga pengaturan ini bekerja dengan normal tanpa kode tersebut, namun untuk berjaga-jaga, kode ini sengaja di taruh di urutan paling bawah (di atas </body>). Hal ini karena pengaturan yang valid adalah pengaturan yang paling terakhir terbaca oleh engine web browser. Kalaupun di pengaturan lain sudah ada yang memberlakukan catatan !important dengan bentuk teks lain, yang berlaku tetaplah yang ada di bagian terakhir.

O iya, jika ingin style judul postingan selain uppercase, silahkan ubah kode uppercase pada baris kode di atas sendiri. Berikut rekomendasi pilihan yang valid untuk text-transform: