Blogger Tips Cara tulis kode HTML mengubah memperbesar memperkecil ukuran huruf di postingan blogAgar tulisan postingan di blog tampak cantik, para blogger (pengguna WordPress.com & blogspot.com) pasti sering memakai beberapa menu icon untuk mempercantik huruf tulisan dari jendela editor online Blog, letaknya dibawah judul aktif. Saat mode Visual diklik di wordpress, maka di jendela editor akan tampil menu-menu icons seperti: (jika diklik akan membuat huruf jadi tebal/bold), (diklik maka huruf menjadi miring/italic), ABC (agar huruf ditandai coret), U (agar huruf diberi garis bawah/underline), A (untuk mengganti warna huruf (misalnya merah) dan lain-lainnya. Ada pula modus Text, walau sama fungsi, tapi jika tulisannya juga berisi kode HTML maka hasilnya tak akan sama dengan hasil postingan jika dipublikasikan, karena mode Text cuma berisi tulisan teks yang juga bisa ditambah kode syntaks pemprograman Web HTML seperti <b> <i>, <DIV> tag atau bahkan kode Javascript jika itu pun dibolehkan sekarang di platform blog Anda. Platform WordPress.com tidak bisa memposting javascript, kecuali blogspot.com atau blogger yang sewa hosting diluar menggunakan domain sendiri, atau upgrade pro di WordPress.com.

Tapi, yang jadi pokok artikel tips blogger kali ini adalah bagaimana cara mengubah ukuran huruf atau tulisan di postingan blog (seperti pada gambar), yaitu cara memperbesar huruf atau juga mengecilkan huruf, maka cara membuat ukurannnya tak ada jalan, harus memakai jendela editing post ke modus Text untuk dimasukkan kode HTML ini yang akan mengubah urutan ukuran huruf tulisan (ke besar atau ke kecil). Contohnya dari:

  • huruf normal → huruf cukup kecil → huruf kecil → huruf lebih kecil → huruf kecil sekali, huruf sangat kecil sekali, atau
  • huruf normal → huruf cukup besar, huruf besar, huruf lebih besar, huruf besar sekali, huruf sangat besar sekali

Bagaimanakah cara agar tampilannya huruf seperti itu?

KALAU HURUF DIBESARKAN

  • huruf normal
  • huruf cukup besar
  • huruf besar
  • huruf lebih besar
  • huruf besar sekali
  • huruf sangat besar sekali

KALAU HURUFNYA DIKECILKAN

  • huruf normal
  • huruf cukup kecil
  • huruf kecil
  • huruf lebih kecil
  • huruf kecil sekali
  • huruf sangat kecil sekali

Note/Cataran:
– Huruf diatas menggunakan Kode tag SMALL dan BIG
– Keliatan jelas, bahwa kode tag membesarkan huruf bekerja dengan baik di website saya ini.
– Sedangkan, kode tag mengecilkan huruf ini tak ada pengaruh dan hampir tak keliatan dimana perbedaannya saat ditampilkan di website ini, ini karena secara standar default, ukuran huruf font di webblog ini adalah 9px, 1 tingkat diatas huruf cukup kecil, jadi tentunya ukurannya hampir mirip semua bukan!
– Beberapa theme WordPress mungkin tak mendukung tag HTML <big> dan <small>ini sehingga mungkin ukuran hurufnya hampir tak ada berubah.

Apa sobat mau lihat bagaimana kode HTML-nya, yaitu
Kode HTML cara membesarkan huruf dibawah ini (silahkan copy, tekan Ctrl X)

dan Kode HTML untuk mengecikan huruf ada dibawah ini (silahkan mau copy, caranya tekan Ctrl X)
dan kode HTML untuk mengecilkan huruf (silahkan untuk copy tekan Ctrl X)

Jadi, pada prinsipnya:

  • Untuk memperbesar ukuran huruf/tulisan, masukkan kode tag <big> dan </big> di antara huruf atau tulisannya.
  • Untuk memperkecil ukuran huruf/tulisan, masukkan kode tag <small> dan </small> di antara huruf atau tulisannya.
  • Jika ingin dibesarkan lagi ukurannya, cukup tambahkan lagi kode tag <big> dan </big> di antara huruf yang sudah diberi kode tag <big> dan </big>, jadi hasilnya seperti <big><big> dan </big></big>, dan begitu lagi seterusnya jika ingin memperbesar ukuran huruf.
  • Lalu jika ingin mengecilkan huruf, biar tampak keliatan hasilnya, pastikan dulu ukuran font default yang dipakai pada template theme blog ukurannya besar biar keliatan hasilnya. Contohnya blognya biarcool.info ini, sengaja penulis gunakan font huruf yang kecil, biar kelihatan tulisannya semuanya. :)

Nah, gampang dan mudah bukan! Semoga tips ini bermanfaat besar ….
:) sebesar huruf sangat besar sekali

Penulis mempublikasikan postingan ini hari Friday tanggal 31 January 2014 jam 16.33 di kategori Tips Kode HTML, Tips Kode JavaScript, Tips Wordpress/Blogger.
Dimohon setiap pengunjung agar tak melipatgandakan materi website ini ke bentuk apapun tanpa izin penulis. Jika sebagian isi konten/kode HTML/link gambar website ini diedit lalu copy-paste ke blog lain, harap cantumkan alamat link website ini sebagai sumber atau bisa copy kode HTML ini (Ctrl X): .

Ok. Demikianlah postingan Tips Blogger: Cara tulis kode HTML mengubah (memperbesar/mengecilkan) ukuran huruf di postingan blog. Semoga artikel ini bisa bermanfaat dan menambah wawasan anda. Sekian terima kasih atas kunjungannya. Silahkan membagi artikel ini ke teman atau kenalanmu dengan mengklik salah satu sharing ikon dibawah!
Facebook Google Twitter Whatsapp
dan Jangan lupa tinggalkan pesan/komentar/saran apapun yang baik & berguna dibawah ini!

Sebuah Komentar di “Tips Blogger: Cara tulis kode HTML mengubah (memperbesar/mengecilkan) ukuran huruf di postingan blog”

  1. Vertical Design mengirim komentar:

    makasih gan ilmunya, ternyata tinggal tambahin kode big atau small aja y.. hehe