Renungan...

Cintai Dunia & Lingkungan Ini Seperti Kita Mencintai Diri Kita Sendiri


Open BlogRoll !

Bagi teman-teman blogger, ayo jalin persatuan antar blogger !
Tukaran Link-Blogger , silakan e-mail saya
di info@sharingcomnies.co.cc.

Nama :
Judul Blog :
URL :

Klik gambar di atas untuk mengirimkan email Anda.

Selengkapnya Klik disini..
*Email Anda Akan Segera Saya Konfirmasi.
~.:: Terima Kasih ::.~

Bali Blogger Community

Bali Blogger Community

Pencarian

Minggu, 31 Mei 2009

Cara Membuat Drop Cap pada Postingan

Awalnya mencari - cari informasi tentang gimana sih cara membuat postingan dengan DROP CAP. Tanya sini situ ama temen, jawabannya pada ga tau. Duh akhirnya coba - coba searching di mbah google. Nah, akhirnya dapet deh (hore....prok...prok...). Contohnya ya kayak huruf "A" di atas itu. Mau tau cara buatnya???? Monggo atu teman - teman semuanya diklik selengkapnya biar ga penasaran. hehehehe


  1. Pertama cari kode ini ]]></b:skin> dengan ctrl+F (inget Expand Template Widget di centang)

  2. Kedua masukan kode ini tepat di atasnya :

    /* kode untuk huruf dropcap
    ----------------------------------------------- */
    .dropcap {
    float:left;
    color: #000000;
    background:#ffffff;
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    font-family:times;
    font-size:100px;
    }

  3. Nanti pada postingan jangan lupa tambahankan ini <span class="dropcap">A</span> (Contoh, huruf A bisa diganti sesuai dengan postingan kamu)

  4. Terakhir simpan template deh.


  5. Selamat mencoba ! ^o^

Share/Save/Bookmark


Related Posts with Thumbnails