Membuat Efek Seperti Koran (Dropcap) di Blog

Drop cap adalah huruf awal pada suatu artikel atau tulisan yang berukuran lebih besar dari huruf yang lainnya. Biasanya drop cap ditemukan pada artikel di media cetak, seperti koran. Tapi kamu juga bisa buat drop cap di blog kamu.



Caranya :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode </head> agar mudah mencari tekan f3
• Masukkan kode di bawah sebelum tag </head> setelah tag ]]></b:skin>

<style type="text/css">
span.dropcap{
float:left;
margin-right:5px;
font-size:3em;
vertical-align:text-top;
}
</style>

• Saat menulis post, tambahkan tag <span class="dropcap"> huruf yang menjadi besar disini </span> di kanan dan kiri huruf pertama artikel kamu.
• Contoh penulisan :

<span class="dropcap">D</span>rop cap adalah huruf awal pada suatu artikel atau tulisan yang berukuran lebih besar dari huruf yang lainnya. Biasanya drop cap ditemukan pada artikel di koran.

Hasilnya :

D

rop cap adalah huruf awal pada suatu artikel atau tulisan yang berukuran lebih besar dari huruf yang lainnya. Biasanya drop cap ditemukan pada artikel di media cetak, seperti koran. Tapi kamu juga bisa buat drop cap di blog kamu.

Selamat Mencoba !