Cara Mudah Membuat Huruf Drop caps

Sobat blogger pasti tahu apa itu Drop Caps?.... Drop Caps merupakan suatu teks atau huruf yang ukurannya lebih besar dibandingkan dengan huruf lainnya. Drop Caps ini biasa dijumpai pada huruf awal pertama suatu artikel di media cetak, seperti koran atau majalah. Kita juga dapat membuat gaya penulisan koran atau majalah ini pada artikel yang kita buat di Blogger. Jika di template Anda belum tersedia drop cap dan Anda tertarik untuk membuat drop caps ini, berikut langkah-langkahnya.

• Login ke Blogger
• Klik - Rancangan  - Edit HTML
• Download Template Lengkap untuk berjaga-jaga bila nanti terjadi kesalahan dalam pengeditan.
• Lalu cari kode  ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian)
• Copy kode di bawah ini, dan Paste di atas ]]></b:skin>

.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

• Save template

Untuk menerapkan Drop caps ini, setiap posting anda harus mode Edit HTML, bukan mode COMPOSE 

Berikut kodenya 

<span class="awal"> 
huruf awal yang mau dijadikan Drop caps 
</span> di sini kalimat selanjutnya 

Anda baru saja membaca artikel yang berkategori Blogger / Desain Blog / Dropcaps dengan judul Cara Mudah Membuat Huruf Drop caps . Anda bisa bookmark halaman ini dengan URL http://klikdul.blogspot.com/2012/08/cara-mudah-membuat-huruf-drop-caps.html . Terima kasih!

Ditulis oleh: ortega -