Membuat Huruf Awal lebih Besar (Drop Cap)

Membuat tulisan bergaya koran pastinya sudah banyak yang mengetahui dan menggunakannya, tapi bagaimana dengan para pemula seperti Saya untuk menggunakan gaya menulis tersebut ? Setelah berkelana kesana kemari tanpa kenal lelah akhirnya saya mendapatkan ilmu tersebut dan dengan penuh keikhlasan saya buatkan cara-caranya supaya lebih banyak lagi blogger Indonesia yang memahami dunia blogging.

Penggunaan Drop Cap bisa dijadikan alternative agar blog kelihatan lebih menarik dan expressive, karena gaya penempatannya bisa bervariasi terserah mau ditaruh dimana posisinya (mau dikepala kek, dicelana kek, di jidat kek.. .. pokoknya suka-suka kita deh )

Sudahlah daripada berpanjang lebar nulisnya berikut urutannya yang harus ditempuh :

1. Login di blogger dengan ID anda (ya iyalah... masak pake ID orang lain)

2. Klik menu Layout (Tata Letak bukan Tata Dado )

3. Klik Tab Edit HTML

4. Jangan lupa kasih centong eh centang Expand Templates Widgets

5. Copy kode dibawah ini dan paste kan persis di atas kode ]]></b:skin>

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

6. Jika ingin memakai drop cap pada postingan, maka diawal huruf anda harus mengetikan:

<span class="awal">Huruf awal</span>

Contohnya seperti di awal tulisan Saya ini :

<span class="awal">M</span>embuat tulisan bergaya koran pastinya sudah banyak yang mengetahui dan menggunakannya, tapi bagaimana dengan para pemula seperti Saya untuk menggunakan gaya menulis tersebut ? Setelah berkelana kesana kemari tanpa kenal lelah akhirnya saya mendapatkan ilmu tersebut dan dengan penuh keikhlasan saya buatkan cara-caranya supaya lebih banyak lagi blogger Indonesia yang memahami dunia blogging.

Jadinya seperti ini :

Membuat tulisan bergaya koran pastinya sudah banyak yang mengetahui dan menggunakannya, tapi bagaimana dengan para pemula seperti Saya untuk menggunakan gaya menulis tersebut ? Setelah berkelana kesana kemari tanpa kenal lelah akhirnya saya mendapatkan ilmu tersebut dan dengan penuh keikhlasan saya buatkan cara-caranya supaya lebih banyak lagi blogger Indonesia yang memahami dunia blogging.

Catatan :
M = adalah huruf yang ditampilkan pada awal kalimat,ganti sesuai hurufnya.

.awal --> ini adalah penamaan saja, mau di ubah jadi begin, start, atau apa saja boleh, cuma jangan lupa untuk membubuhkan tanda titik (dot) di awal tulisan.

float:left; --> ini adalah kode agar tulisan awal di letakan pada posisi kiri alias mepet ke kiri, jangan di rubah kalau yang ini.

color: #000000; --> ini adalah kode untuk warna tulisan, kode #000000 adalah kode warna hitam, jika anda ingin warna yang lain boleh aja. oh ya untuk teks code warna anda bisa lihat disini http://free-7.blogspot.com/

background:#ffffff; --> ini adalah kode untuk warna latar belakang, kode #ffffff adalah kode warna putih, jika anda ingin warna yang lain silahkan di ganti sesuai keinginan.

line-height:80px; --> ini adalah kode untuk jarak baris, sebaiknya jangan di ganti.

padding-top:1px; --> ini adalah kode untuk jarak sela antara tulisan dengan bagian atasnya, sebaiknya jangan di ganti.

padding-right:5px; --> ini adalah kode untuk jarak sela antara tulisan awal dengan tulisan selanjutnya sebesar 5 pixel, jika anda berniat mengganti jaraknya, silahkan ganti nilainya saja.

font-family:times; --> ini adalah kode jenis hurup, yang di pakai adalah jenis times, jika tidak suka dengan times bisa di ganti dengan yang lain, mau Georgia, Verdana, sans-serif atau yang lainnya silahkan saja.

font-size:100px; --> ini adalah kode untuk besarnya hurup, jika mau di ganti silahkan ganti nilainya saja

atau kalo mo lihat contoh yang lain ada juga Disana

Semoga Bermanfaat bagi khalayak ramai...