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 responses to “Kode Script Untuk Ubah Ukuran Font Blog

  1. adityakuza Desember 19, 2010 pukul 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 pukul 3:23 pm

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

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

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

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: