All for Joomla All for Webmasters

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.

I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

3 Comments

  1. Pingback: Membuat Drop Cap (Gaya Tulisan ala Koran) « Wong168's Blog

Leave a Reply

Your email address will not be published.