Cara Membuat DropCap pada Post Blog

DropCap - dapat dibuat pada microsoft word, yang biasanya pada paragraph huruf awalnya berukuran besar dan setelahnya kecil. Namun, DropCap ini juga dapat diletakkan pada postingan blog seperti post tutorial DropCap ini sendiri. Saya menemukan DropCap pada blog ini dari templatenya maskolis, yang huruf awal pada paragrafnya besar dan bold. Kemudian saya copy CSS nya dan saya terapkan pada postingan Hack4rt. Berikut tutorialnya

Letakkan CSS

Silahkan anda pergi ke EDIT HTML dan letakkan CSS berikut tepat di atas kode ]]</b:skin>

.awal{float: left;
color: #000000;
line-height: 40px;
padding-right: 5px;
font-family: times;
font-weight: bold;
font-size: 60px;}

Penerapan Post

Untuk menerapkan pada postingan blog sangatlah, mudah. Anda hanya perlu membuat post baru dan menambahkan tag span dengan class bervalue 'awal' di depan huruf pertama. Contoh:

<span class='awal'>D</span>ropCap......................

Lihat gambar di bawah agar lebih jelas

Terimakasih telah membaca artikel Cara Membuat DropCap pada Post Blog. Anda bisa bookmark halaman ini dengan URL http://hack1s4rt.blogspot.com/2013/05/cara-membuat-dropcap-pada-post-blog.html. Jika ingin copy paste artikel ini, jangan lupa untuk mencantumkan link sumber.

Ayo Dukung Hack1s4rt dalam Kontes SEO:
Jasa Pembuatan Banner Murah Terpercaya di SHARE4RT
Acer Iconia PC Tablet dengan Windows 8

Cara Membuat DropCap pada Post Blog

Letakkan CSS

Penerapan Post

0 komentar "Cara Membuat DropCap pada Post Blog", Baca atau Masukkan Komentar

Posting Komentar