drop cap

( coding – HTML )

Saban kali meng-klik tombol ‘bold/italic’, kita praktis tak pernah ambil pusing (dan memang tidak perlu) kok teksnya trus bisa jadi tebal/miring begitu. Apa pun, ini menunjukkan bahwa: “untuk [bisa] melakukan/menikmati/memanfaatkan sesuatu, orang tak harus paham”.

Asal bisa eksekusi, jadi(!)

Silakan digunakan oleh siapa saja, bagian ini utamanya diperuntukkan bagi para ‘free-stylers’ (blogger ogah bayar) di WordPress yang asing dengan HTML—tetapi ingin bikin drop cap.

Pendekatannya adalah: asal bisa copas, jadi(!)

*****

Praktek

Buka Page baru (jangan Post), masuk ke mode HTML (bukan Visual), lalu COPY-PASTE-kan ini:

🔴 merem belum molor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Saatnya eksekusi—menyulap bulatan merah (pada awal paragraf Latin) jadi drop cap:

Untuk model ini COPY-PASTE-kan ini
K <span style="float:left;font-family:Georgia, Georgia, serif;font-size:300%;line-height:1em;padding-right:6px;">K</span>
U <span style="float:left;font-family:Palatino Linotype, Book Antiqua, Palatino, serif;font-size:400%;line-height:1em;padding:0 8px;margin-right:6px;border:1px solid;">U</span>
T <span style="float:left;color:#ffffff;font-family:Georgia;font-size:420%;line-height:1em;padding:0 8px;margin-right:6px;background-color:#000000;">T</span>
U <span style="float:left;background-color:#ffffff;color:#000000;font-size:340%;line-height:1em;padding:0 8px;margin-right:6px;border:6px outset #cccccc;">U</span>

Lalu klik [Preview]. (Jadi, sudah!)

Ekstra

Sesuai ‘perjanjian’, rasanya siapa pun bisa bikin drop cap (ala ‘KIAT’/’KUTU’) tanpa harus tahu HTML/bagaimana semua itu bisa terjadi. Toh, supaya manfaat, baiknya tahu juga dua hal ini:

– untuk huruf sesuai kebutuhan, ganti ‘K’/’U’/’T’/’U’ di akhir masing-masing kode
– untuk ubah ukuran, ganti prosentasenya (mis font-size:200%; → 2x ukuran normal)

Enaknya HTML adalah, ‘kode‘-nya sering mudah ditebak apa arti/maunya. Ambil contoh yang untuk huruf-T di tabel itu. COLOR dan BACKGROUND-COLOR maksudnya jelas bicara tentang ‘warna’ dan ‘latar belakang’ huruf-T ybs, sedangkan ‘kombinasi enam karakter‘ (setelah tanda pagar) bisa diperkirakan adalah kode untuk warnanya itu sendiri (yang dari tampilan ‘T’-nya bisa kita simpulkan #ffffff untuk putih dan #000000 untuk hitam).

Tetapi sekali lagi, ‘penyetel TV’ tidak harus ambil pusing dengan semua hal itu...

*****

DropCap Maker‘ (sebut saja begitu) di atas bukan hasil ide sendiri, tetapi cuma boleh nemu di forum WordPress (kredit nama/tautan contoh asli di bawah)—yang lalu sedikit dimodifikasi.

Selamat bereksperimen/senang-senang dengan HTML, eh, drop cap. 🙂

———————————

REFERENSI
Ampsoft (Common fonts of Windows and Mac)
Daily Drop Cap (Koleksi gambar drop cap menarik, bisa pasang link)

Terima kasih kepada justpi atas pencerahannya.

—KK—

Klik tombol di kanan untuk kembali ke halaman sebelumnya →

#1

Iklan

5 thoughts on “drop cap

  1. sorry, it is separating a post into pages.

    Never mind, Megala, and thank you. 🙂 I guess people (the writers, as well as the readers) will find it quite convenient when each page talks about different things but somehow still related (say, different pieces of the same puzzle)—as the one we have here. Happy cooking! 🍸

  2. Shoot! I can’t find the English option.

    Cor blimey!! My bad! Some time ago, I changed this blog’s language into English—so, gone the English translator!! (And that’s just stupid LOL) I wonder how long it’s been like that.. Anyways, now it’s back to where it’s supposed to be (at the very top pick, right before ‘Afrikaans’).

    page #1: about ‘drop cap’
    page #2: some HTML code for it

    I can’t thank you enough, Alice. Still, THANK YOU!🍕 🍨 🍷

  3. Dalam komunikasi via WA drop-cap sepertinya sangat jarang ditemui. Yang ada huruf kapital semua untuk menyatakan kekesalan, ketidak puasan dan marah.

    Kalau saya dalam menulis masih menggunakan drop-cap untuk tulisan penggunaan terbatas. Misal komunikasi melalui surel, surat resmi, dan tulisan yang akan dibaca banyak orang.

    Awal-awal pakai HP dulu (tahun 90’an), kalau SMS saya selalu dengan huruf kapital semua (maksudnya biar lebih gampang dibaca di screen HP yang monochrome). Belakangan baru ganti huruf normal, setelah tahu kalau itu tidak sopan karena merupakan kode untuk teriak Haha..

    Tak terpikir juga untuk bikin artikel ini sebenarnya, kalau tidak karena secara kebetulan ketemu netizen yang bertanya huruf bongsor di awal bab itu ada istilahnya atau tidak. Lalu cari di net, eh ketemu. Jadi saya sendiri baru kenal istilah ‘drop cap’ beberapa hari ini saja. 🙂

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 )

Foto Google+

You are commenting using your Google+ 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 )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.