MEMBUAT DROP CAP

Posted 02.09 by popo in Label:
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.


0 comment(s) to... “MEMBUAT DROP CAP”

0 komentar:

Posting Komentar