Follow Me

Cara Memperbesar dan Mengecilkan Ukuran Font Postingan

Ukuran Font Postingan
Khusus pada postingan ini, kita akan bahas masalah yang banyak dihadapi blogger awam, yakni memperbesar dan mengecilkan ukuran font/huruf dalam postingan blog.

Ada banyak alasan, mengapa banyak orang membutuhkan cara memperbesar dan mengecilkan font ini. Dibanyak blog juga cara ini telah dibahas berkali-kali. Namun tak ada salahnya mengulas kembali.

Blogspot memang tidak menyediakan pilihan untuk melakukan perubahan ukuran font. Pilihan yang ada di dhasbor blogspot hanya merubah tipe font dan posisi (tebal/miring/normal).

Untuk memperbesar atau memperkecil ukuran font kita diminta menanamkan script HTML dalam postingan. Cara menanamkan script HTML dalam postingan sama dengan cara membuat postingan seperti biasa. Hanya saja pilihannya dirubah dari Compose jadi HTML. Lihat gambar:
Setelah di halaman HTML, sisa copy script dibawah ini:
<div style="text-align: justify;">
<span style="color: black; font-family: Verdana,Arial,Helvetica,Georgia; font-size: 14px;">(masukkan tulisan Anda disini)</span>
</div>

Penjelasan Script:
  • Pada tulisan (masukkan tulisan Anda disini) yang warnanya merah pada script diatas adalah tulisan Anda yang ingin diperbesar atau diperkecil. Soal jumlah kata, silahkan disesuaikan, dan jika ingin menjadikan dua paragraf sisa menambahkan kode <br /> artinya enter.
  • font-size: 14px adalah pilihan untuk merubah ukurannya. Semakin besar angkanya, besar pula hurufnya, pun sebaliknya demikian.
  • text-align: justify adalah posisi tulisan. Anda bisa menggantinya dengan “left (kiri)”  “center (tengah)” “right (kanan)” "justify (rata kanan dan kiri)"
  • color: black; adalah warna tulisan. Anda bisa menggantinya sesuai selera, misal red, ganti saja black menjadi red.
  • font-family: Verdana,Arial,Helvetica,Georgia adalah jenis font. Anda juga bisa menggantinya sesuka hati. Tinggal mencari nama fontnya dan ganti tulisan diatas. Namun harus diingat, tidak semua jenis font bisa digunakan di web atau blog. Bereksperimenlah...
Contoh penerapan script diatas bisa dilihat dibawah ini
Scriptnya :

<div style="text-align: center;">
<span style="color: red; font-family: Verdana,Arial,Helvetica,Georgia; font-size: 35px;">blog Stres Mikir, adalah Blogger Kacau</span>
</div>
Hasilnya :
blog Stres Mikir, adalah Blogger Kacau
Next Post Previous Post
No Comment
Add Comment
comment url