Monday, October 31, 2011

Cara Mudah Membuat Drop Cap Pada Postingan Blog

Saat kita membuat postingan dalam blog kita, kita tentu ingin selalu berekplorasi lebih banyak lagi tentang cara apa yang bisa kita gunakan dalam menghasilkan tulisan yang selalu lebih baik dari waktu ke waktu. Bagi kita yang masih pemula dan baru saja belajar mengenai masalah tulis menulis, silakan baca kembali artikel berlabel tips menulis.


Ada beberapa cara atau teknik menulis dari menulis yang menggunakan Microsoft Word dan dapat kita aplikasikan saat kita menulis di sebuah blog. Selain cara itu dapat kita lakukan karena sudah ada menu-menu yang tersaji di bagian kotak pembuatan postingan/entri, kita juga dapat menggunakan cara itu melalui beberapa trik meski tidak ada menu yang tersaji guna melakukan perintah menu tersebut.
Contohnya adalah membuat tabel, membuat border/garis tepi, dsb.

Nah, pada kali ini kita akan membahas bagaimana cara membuat drop cap atau tulisan yang menampilkan satu huruf kapital saja pada awal paragraf. Manfaat drop cap adalah tulisan di blog akan menjadi lebih menarik untuk dilihat. Karena unsur estetika tetap terpelihara walau kita tidak harus menerapkannya.

Cara untuk membuat drop cap pada postingan blog adalah sebagai berikut:

Masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand widget template.
Cari kode berikut.

]]></b:skin>

Letakan kode ini di atasnya.

/* huruf besar
----------------------------------------------- */
.besar {
float:left;
color: #000000;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

Klik simpan.

Selanjutnya, ketika kita ingin menambahkan tulisan yang akan muncul dengan gaya drop cap, maka tambahkan kode berikut ketika kita hendak menerbitkan tulisan di kotak posting. Kode ini ditambahkan di bagian edit HTML, bukan compose.

<span class="besar">Huruf yang ingin dijadikan huruf besar</span>

Keterangan:

  1. Ubah kode HTML warna pada color: #000000; dengan warna yang kita sukai.
  2. Ubah ukuran huruf drop capnya pada font-size:100px; sesuai selera kita.


Membuat drop cap pada postingan blog itu mudah bukan?
Setelah menerapkan trik ini, maka tulisan di blog kita akan terlihat lebih rapi dan enak dipandang.

Jika ada pertanyaan silakan sampaikan lewat kotak komentar ya.
Salam blogger!
Disqus Comments