Saturday, October 3, 2009

Membuat Huruf Posting Bergaya Koran

Tulisan bergaya koran nih, coba lihat keren nggak? Ehm, oke, trik kali ini saya akan mencoba untuk sharing kepada Anda cara untuk menulis posting tapi dengan model koran, halah muter-muter :D . Yang saya maksud bergaya koran ya dengan huruf pertama besar banget itu lho, biasanya kalo diibaratkan sebagai model Drop Cap. Trik ini nggak pake javascript kok, jadi tenang aja karena menurut saya nggak memberatkan loading page blog, trik ini hanya pake CSS aja. Kali ini ada dua cara untuk pengguna Blogger.com yaitu cara untuk Template Classic dan Template Modern. Tapi maaf ya buat pengguna Wordpress karena saya nggak bisa kasih tau masalahnya saya juga nggak taw :D hehe... Lagian saya juga belum punya blog di Wordpress (apa hubungannya?).

Langsung aja deh kita cari tau bagaimana caranya...
Untuk template classic
  1. Login ke Blogger.com kemudian pilih Layout/tata Letak
  2. Udah gitu langsung ke Edit HTML
  3. Sebaiknya copy template Anda ke dalam Notepad supaya bisa menghindari kesalahan fatal saat terjadi kesalahan erhadap pengeditan
  4. Copy paste kode berikut di antara kode <style type='text/css'> dan kode </style>
    dan kalau sobat merasa bingung, maka tempatkan saja di atas kode </style>
    /* Kode Drop Cap
    ----------------------------------------------- */
    .awal {
    float:left;
    color: #000000;
    background:#ffffff;
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    font-family:times;
    font-size:100px;
    }
  5. kemudian klik tombol Simpan perubahan Template


Untuk template Baru/Modern Template
  1. Login ke Blogger.com kemudian pilih Layout/tata Letak
  2. Udah gitu langsung ke Edit HTML
  3. Sebaiknya download Template untuk menghindari kesalahan fatal
  4. Cari kode ]]></b:skin> dan letakkan kode berikut di atasnya:
    /* Kode Drop Cap
    ----------------------------------------------- */
    .awal {
    float:left;
    color: #000000;
    background:#ffffff;
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    font-family:times;
    font-size:100px;
    }
  5. Kemudian Simpan


Langkah-langkah di atas merupakan langkah pertama, langkah selanjutnya yang harus Anda lakukan adalah ketika melakukan posting harus pada posisi Edit HTML bukan pada Compose, nah simpanlah huruf awal artikel pada kode berikut <span class="awal">hurup awal </span>.
Setelah itu terserah Anda, mau tetap pada posisi Edit HTML atau berpindah ke mode Compose tidak
ada masalah. Contoh penulisan artikelnya seperti ini :
<span class="awal">T</span>ulisan bergaya koran nih, coba lihat keren nggak? Ehm, oke, trik kali ini saya akan mencoba untuk sharing kepada Anda cara untuk menulis posting tapi dengan model koran, halah muter-muter :D . Yang saya maksud bergaya koran ya dengan huruf pertama besar banget itu lho, biasanya...

Oke, untuk Trik lainnya bisa Anda lihat di sini. Semoga bermanfaat and Happy Blogging!!! :D

No comments:

Post a Comment