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:
  1. Login di blogger.com dengan user id anda
  2. Masuk ke menu Layout atau Tata Letak, lalu pilih Edit HTML
  3. Cari skrip seperti di bawah ini: .post {margin:0 0 ...;}
  4. Ketik kode HTML di bawahnya .dropcaps { float:left; color:red; font-size:70px; line head:100px: padding-top:25px; padding-right:2px; }
  5. 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 :
TERIMAKASIH SUDAH BERKOMENTAR

Ditulis Oleh : Admin 1 ~pixel tutorial

Muh.Akram Anda sedang membaca artikel berjudul Cara Membuat Drop Cap yang ditulis oleh pixel tutorial yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Januari 26, 2011
Comments
0 Comments

0 komentar:

Posting Komentar

Total Tayangan Laman

Open Chat
1
_
Hello! Thanks for visiting my site. Please press Start button to Contact with Admin :)

Start

FANS PAGE

Pengalaman Menarik

Arsip Blog