www.mukadimah.com

Online Tips and more

Kode Script Untuk Ubah Ukuran Font Blog

How to Enlarge Font Sizes when Writing Posts in Blog

Berikut cara untuk mengubah ukuran font, kata, teks atau kalimat postingan di blog Blogger atau Blogspot menjadi lebih besar, atau lebih kecil, sesuai keinginan.

Ketik kalimat di antara potongan kode berikut ini di tab Edit HTML atau mode Edit HTML.

 

<div style=”text-align: justify;”>

<span style=”color: black; font-family: Verdana,Arial,Helvetica,Georgia; font-size: 14px;”>…KETIK KALIMAT ANDA DI SINI…</span>

</div>

Bagian dari kode di atas yang membuat ukuran font lebih besar atau kecil adalah:

font-size: 14px

Bila nilainya diganti maka ukuran font pun akan berubah. Berikut contoh dari kalimat yang font size-nya dibuat 14px, warna font biru dan alignmentnya rata kanan.

TEKS UKURAN 14PX, WARNA BIRU, RATA KANAN

Berikut contoh dari kalimat yang font size-nya dibuat 18px, hijau dan rata tengah.

TEKS 18PX, HIJAU, RATA TENGAH

Berikut contoh dari kalimat yang font size-nya dibuat 24px, merah dan rata kiri.

TEKS 24PX, MERAH, RATA KIRI

Bagian lain dari kode adalah:

  • Text Alignment: text-align: justify. (justify berarti rata kiri kanan, left rata kiri, right rata kanan, center rata tengah)

  • Warna Font: color: black. Bisa dicoba warna lain seperti blue, red, dan sejenisnya.

  • Jenis Font: font-family: Verdana,Arial,Helvetica,Georgia. Tidak semua jenis font bisa dipakai di web. Silahkan bereksperimen.

Bookmark and Share


Klik di sini membawa Anda ke www.mukadimah.com.

4 Tanggapan untuk Kode Script Untuk Ubah Ukuran Font Blog

  1. adityakuza Desember 19, 2010 pada 1:52 am

    makasih atas tutorialnya, klo bs dirapihin lagi tapi..

    hehe, klo ada waktu ditunggu kunjungan baliknya ya… ;-)

  2. BOSH GENK Januari 19, 2011 pada 3:23 pm

    untuk wordpress apa blogspot yah ni, , kuq di image atas itu kayak puna blogspot,, hmmm , , ,

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.