Sabtu, 23 Februari 2013

Membuat Drop Cap pada Artikel Blog

Kadangkalanya kita menginginkan sebuah artikel yang di balut dengan gaya tulisan yang lebih menarik. Ini mudah saja, dengan cara membuat drop cap (huruf besar) di awal paragraf artikel yang kamu buat dapat membuat gaya tulisan tampak tidak monoton lagi. Sebenarnya banyak cara yang bisa digunakan untuk membuat drop cap pada artikel blog. Bisa dengan CSS ataupun yang akan kubahas kali ini. Proses ini lebih mudah dan tidak terlalu ribet untuk menerapkannya. Berikut langkahnya:

1) Masukkan huruf awal yang akan kamu drop cap pada kode berikut. Contohnya:
"Merubah gaya tulisan pada artikel blog menggunakan drop cap tidaklah sulit. Asal kamu mau belajar melakukannya, semua hal pasti akan mudah. Kamu bisa mencobanya setelah membaca artikel ini. Selamat mencoba."
<span style="color: black; float: left; font-family: arial; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;">M</span>erubah gaya tulisan pada artikel blog menggunakan drop cap tidaklah sulit. Asal kamu mau belajar melakukannya, semua hal pasti akan mudah. Kamu bisa mencobanya setelah membaca artikel ini. Selamat mencoba.

2) Agar lebih mudah tulis artikel pada mode html


3) Hasilnya akan keluar seperti di bawah ini:

Merubah gaya tulisan pada artikel blog menggunakan drop cap tidaklah sulit. Asal kamu mau belajar melakukannya, semua hal pasti akan mudah. Kamu bisa mencobanya setelah membaca artikel ini. Selamat mencoba.

4) Kamu bisa download di sini kodenya. Selamat mencoba.

0 komentar:

Posting Komentar