Cara Membuat Drop Cap

MEMBUAT DROP CAP

Anda pasti sering melihat atau membaca sebuah artikel dimana huruf pertama pada awal artikel berupa huruf besar. Seperti huruf A pada kata Anda di awal artikel ini. Terlihat lebih menarik bukan? Fasilitas ini dinamakan Drop Cap. Ingin menerapkan pada postingan di blog anda? Ikuti langkah-langkah di bawah ini:

Masuk ke menu Layout atau Tata Letak, lalu pilih Edit HTML

Cari skrip seperti di bawah ini: .post {margin:0 0 ...;}

Ketik kode HTML di bawahnya .dropcaps { float:left; color:red; font-size:70px; line head:100px: padding-top:25px; padding-right:2px; }

Lalu klik SAVE TEMPLATE

Setelah itu, di dalam postingan, di depan huruf yang ingin anda perbesar, anda ketik: <span class="dropcaps"> </span> Contoh: <span class="dropcaps">A</span>nda pasti sering melihat atau membaca sebuah artikel dimana huruf pertama pada awal artikel berupa huruf besar... Setelah dipublish hasilnya seperti pada awal artikel ini. Mudah bukan? Selamat mencoba.

By : Bang Udin

----------------------------------------------------------------------------------

Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel

----------------------------------------------------------------------------------

Postingan Baru :