About Me

Blog Roll

MagzStyleV11 MagzStyleSlider MagzStyle Rounded MagzStyleBrown HarryPotterII Superbike Superhero GoGreen
Disini letakkan kode untuk tab 2 anda
Disini letakkan kode untuk tab 3 anda

English Articles

Card From Trik-Tips Blog

A d s

ShoutBox

Freeware / Software Free Download

Free Blogger Templates

Gadget Article & Review

Friend's Links

Link Exchange

Special Articles

Blog Directory

Followers

About Windows

Card From Seri Bahasa

Jumat, 24 April 2009

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.

0 komentar:

Posting Komentar

Tutorial & Make Over Blog