Membuat Drop Cap

Jumat, 02 Desember 2011


  
Pasti sebagian dari anda sudah ada yang mengetahui apa itu Drop Cap. Disini saya akan menjelaskan kembali apa itu Drop cap. Drop Cap merupakan huruf besar di awal kalimat. Biasanya Huruf besar di awal kalimat ini biasa ditemukan di Program MS Word. Lalu bagaimana jika kita ingin menerapkan hal serupa pada postingan di blog? Hal tersebut bisa dilakukan dengan menambahkan style CSS pada halaman Edit HTML.

Ikuti langkah-langkah di bawah ini :
  1. Masuk ke menu Layout, lalu pilih Edit HTML.
  2. Carilah skrip CSS berikut ini:
    .post {
    margin:00 0 2em;
    }
  3. Lalu ketikkan kode berikut ini di bawahnya:

    .dropcaps {
    float:left;
    color:#000000;
    font-size:100px;
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    }
  4. Kemudian klik Save Tamplate.
  5. Jika Anda ingin memasangkannya pada postingan, maka di awal anda harus mengetik kode dibawah ini:

    "dropcaps">

    Contohnya: M embuat blog
Catatan : M (berwarna merah) adalah awal huruf besar.

Selamat Mencoba..!!!