Cara Memperbesar dan Mengecilkan 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 jadiHTML.

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;">learn process, tak sekedar ngeBlog</span>
</div>

Hasilnya :

learn process, Tak Sekedar NgeBlog

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Blog Learn Process

Tweet