Drop Caps dalam Post.. Lagi

Postingan kali ini kelanjutan dari seri sebelumnya tentang Drop Caps dalam Post. Seperti yg saya bilang sebelumnya, ada 2 style drop caps yg saya ketahui. Yg pertama, seperti di bawah ini:

Bener ga sih kalo kita jarang posting di blog kita bakalan ngurangin traffic? Kan ada tuh yg bilang, blog tuh mesti diupdate kalo bisa seminggu 3 kali atau malah lebih bagus diupdate setiap hari.

dan style berikutnya seperti ini:

Bener ga sih kalo kita jarang posting di blog kita bakalan ngurangin traffic? Kan ada tuh yg bilang, blog tuh mesti diupdate kalo bisa seminggu 3 kali atau malah lebih bagus diupdate setiap hari.

Kalau kamu mau style drop caps kedua seperti di atas, kodenya seperti ini:

<span style="line-height: 80%; letter-spacing: -6px; color: rgb(51, 204, 0);font-size:56px;">B</span>ener ga sih kalo kita jarang posting di blog kita bakalan ngurangin traffic? Kan ada tuh yg bilang, blog tuh mesti diupdate kalo bisa seminggu 3 kali atau malah lebih bagus diupdate setiap hari.

Caranya pasangnya, tinggal copy-paste kode2 dropcaps yg memakai tag span ke post editor.

Ada cara yg lebih gampang ketimbang cara tadi, yaitu dengan memasukkanya ke dalam style sheet CSS. Copy-paste kode2 ini ke dalam style sheet CSS kamu.
.dropcaps { line-height: 80%; letter-spacing: -6px; color: rgb(51, 204, 0);font-size:56px; }
Lalu untuk tiap kali kamu mau menggunakannya, setiap huruf pertama harus berada dalam tag span seperti ini: <span class="dropcaps">B</span>.

Kamu bisa memperbesar atau memperkecil ukuran drop caps dgn mengubah angka pada font-size. Kalau mau ngubah warna tinggal utak-atik color nya. Baca juga Color Schemer Online untuk mempermudah kamu bermain-main2 dengan warna.

Semoga bermanfaat :)