Membuat Dropcaps Manual di Postingan Blog

Kali ini yang akan saya bahas adalah cara manualnya. Sobat bisa bandingkan cara mana yang lebih bagus. Baiklah tanpa panjang X lebar lagi, mari simak tutorial berikut.

 Membuat Dropcaps Manual di Postingan Blog
-login ke akun blogger
-ke menu template-->edit html
-centang expand template widget
-tekan F3 dan cari kode ]]></b:skin>
-letakkan kode berikut tepat diatas kode tersebut

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

- simpan template

Penerapan Dropcaps
Ketika membuat sebuah postingan baru, ketikkan tulisan ini dulu <span class="awal">huruf awal</span>
Ganti tulisan huruf awal dengan huruf pertama postingan. Mis:<span class="awal">A</span>
Selanjutnya silahkan lanjutkan tulisan postingan setelah kode  </span>

Catatan

Pastikan ketika memposting, mode Compose diubah menjadi HTML.

Nah, mana yang mudah sobat ? kalau cara seperti ini rumit, sobat bisa gunakan yang cara otomatisnya.
Selamat Mencoba