Membuat Drop Cap (gaya tulisan ala koran)

A pa itu drop cap ? Jika anda terbiasa bekerja dengan Microsoft Word, tentu saja sudah tau apa itu drop cap. Sebenarnya drop cap merupakan gaya penulisan huruf awal paragraf lebih besar dari tulisan lainnya. Hal ini akan memperindah tampilan dari paragraf. Besarnya tulisan pada drop cap bervariasi. Bisa menghabiskan 3 atau 4 baris untuk drop cap. Contoh penggunaan lain bisa dilihat pada majalah atau koran. Sehingga dengan penambahan drop cap, akan membuat berita menjadi jelas dan fokus.

Nah bagaimana cara menambahkannya pada blog atau website ?

Untuk menambahkan style drop cap pada blog / website cukup hanya menyisipkan kode dibawah ini kedalam CSS. Jika anda menggunakan platform wordpress, silahkan sisipkan kode dibawah ini kedalam file css, pada umumnya bernama style.css.


Code CSS :

<style>
/* code dropcap */
.dropcap {
float:left;
color: #ff6c00;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:110px;
}

</style>

Dan untuk pengguna blogspot, copy code diatas tepat sebelum kode ]]></b:skin> dalam edit html mode.

Bagaimana cara menerapkannya pada tulisan ?

Untuk menerapkan drop cap ini pada tulisan, kita tinggal menambahkan kode <span class”dropcap”>HURUF AWAL</span>. Sebagai contoh lihat cara penulisan dibawah ini :

<span class”dropcap”>B</span> logger adalah Penulis catatan di internet atau halaman web. Blogger ini merupakan pengguna internet yang rajin mengisi weblog. Salah satu kiprah Blogger yang signifikan di tahun 2004 adalah keterlibatan mereka dalam kampanye calon presiden Amerika Serikat. Kubu John Kerry bahkan mendirikan weblog yang mencatat kegiatan kampanye sehari-hari calon presiden dari Partai Demokrat itu.

Hasilnya menjadi seperti :

Blogger adalah Penulis catatan di internet atau halaman web. Blogger ini merupakan pengguna internet yang rajin mengisi weblog. Salah satu kiprah Blogger yang signifikan di tahun 2004 adalah keterlibatan mereka dalam kampanye calon presiden Amerika Serikat. Kubu John Kerry bahkan mendirikan weblog yang mencatat kegiatan kampanye sehari-hari calon presiden dari Partai Demokrat itu.

Selamat Mencoba.

Membuat Drop Cap (gaya tulisan ala koran)
Written by: Oki Helfiska
Rating: 5
I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

Share This Post

Related Articles

3 Responses to “Membuat Drop Cap (gaya tulisan ala koran)”

  1. ok deh… boleh dipake di blog ane ya… hehe
    lihat juga ya.. btw radio onlinenya dari kediri ya.. sip dah…

  2. Thanks tutorialnya …

  3. [...] Sumber: http://www.belajarpc.info/membuat-drop-cap-gaya-tulisan-ala-koran.htm Share this:ShareFacebookLike this:SukaBe the first to like this. [...]

Leave a Reply

Powered by WordPress · Powered by SEO