Drop cap adalah tampilan tulisan seperti di koran,untuk itu kita perlu menambahkan sricpt di blog.. tpi tidak usah kawatir dengan ribet, sekarang trick yang ini sekarang beda, Dengan cara yang sudah di-"upgrade", tidak perlu lagi menambahkan kode HTML tersebut. Kamu cukup membuat post seperti biasa dan post kamu akan tampil dengan dropcap seperti di koran.



Caranya:
  1. Masuk ke account Blogger kamu, kemudian klik "Layout" - "Edit HTML",
  2. Cari kode
    .post-body {
    xxxxxxxxxx;
    xxxxxxxxxx;
    }
  3. Kemudian tambahkan di bawahnya kode
    .post-body p.dropcap:first-letter {
    font-size:3em;
    float:left;
    margin-right:5px;
    vertical-align:text-top;
    }
  4. Untuk mengatur ukuran DropCap-nya ubah font-size-nya jadi 2.5em, 2em, atau nilai-nilai yang lain, 
  5.  Kemudian cari lagi kode
    <data:post.body/>
  6. Kalau di kode tersebut tidak diapit oleh kode <p> dan </p>, tambahkan kode tersebut sehingga menjadi
    <p class='dropcap'> <data:post.body/> </p>
  7. Dan kalau kode <data:post.body/> sudah diapit oleh kode <p> dan </p>, cukup tambahkan kode class='dropcap' sehingga jadi seperti kode di atas,
  8. Klik "Save Template" kalau sudah selesai,
  9. dan sekarang semua post kamu akan terlihat seperti di koran! :D
Semoga bermanfaat, dan jangan lua koment ya...

Posting Komentar

Catatan:
1. Komentar Anomin telah kami buka, silahkan berkomentar yang sopan
2. Jika kurang mengerti dengan posting di atas silahkan ajukan pertanyaan
3. Kami usahakan membalas komentar anda secepat kilat!
4. Masalah "Link Rusak" bisa anda laporkan lewat komentar
5. Jika meninggalkan Link Aktif pada komentar terpaksa kami hapus

Salam Admin
Darma Jaya

 
Top