Drop-Cap Magazine Style in WordPress

May 18, 2008 by Adam Pahlevi  
Filed under Mr. WordPress

Dropcap? seperti apa sih Dropcap itu? Ya… huruf besar disetiap artikel itulah yang namanya Dropcap… Seperti dalam artikel ini. Huruf “D” pertama berhuruf besar. Inilah gaya-gaya yang kerap kali dilakukan oleh berbagai majalah.

Dalam buku Build and Hack your Blogger Now! (Promosi dikit nieh :D), sudah dijelaskan bagaimana cara membuat Dropcap pada Blogger. Namun! dalam WordPress? apakah butuh Plugin? ternyata tidak! kita hanya perlu untuk main-main CSS sedikit.

Cara ini hampir sama dengan cara membuat Pullquote dalam WordPress yang kita singgung beberapa hari yang lalu [Link disini]. Inilah caranya:

Dalam Dashboard WordPress, kita klik Design, lalu kita pilih Theme Editor. Secara default yang terbuka adalah file Stylesheet theme kita (Style.css). Maka… tambahkan kode berikut setelah kode .entry blockquote (penulis menggunakan theme Blue Dream):

.entry t { float:left; color: #000; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; )

jika sudah, karena ini bukan plugin, maka cara menggunakannya dalam postingan kita adalah… kita buat dulu artikelnya, dan jika sudah kita klik HTML lalu kita arahkan kursor editor ke huruf pertama artikel kita dan kita sisipkan <t> dan </t> diawal dan diakhir huruf pertama pada artikel kita.

Dan jika kita sudah melakukan Dropcapisasi lewat HTML tersebut, jangan kembali ke mode Visual. Mengapa? karena alasannya ada di sini [Link disini menuju ke Pullquote]

Mudah bukan?

Random Posts

Enter Google AdSense Code Here

Comments

2 Comments on "Drop-Cap Magazine Style in WordPress"

  1. duan on Sun, 18th May 2008 7:04 am 

    buku km bagus juga….sya udh beli buku km ……thx ya .

  2. Rudi on Thu, 26th Jun 2008 1:07 pm 

    aku udah baca bukunya. Nice one!!
    Tapi di hal 165 itu taruh di antaranya itu maksudnya apa ya?
    di antara apa dengan apa? Agak ngak mudeng….
    Mohon pencerahan, maklum masih newbie

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!