Membuat DropCap Seperti di Koran

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:

1. Masuk ke account blogger, klik "Layout" kemudian masuk ke "Edit HTML",
2. 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>
   

3. Saat menulis post, tambahkan tag <span class="dropcap"> dan </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 koran2.

   Hasilnya:
   

   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 bisa juga kalau kamu mau pasang di blog kamu.
   

Selamat mencoba!

Blog this!

Suka artikel dari blog ini? Silakan masukkan alamat email kamu untuk mendapatkan artikel terbaru dari Info Blog. Gratis!!
Atau baca Feed dari blog ini di sini.

Delivered by FeedBurner