Kamis, 21 April 2011

Modifikasi Tulisan

Cara Memberikan Tulisan dalam Mode Bold, Italic, dan Underlined:
  1. Untuk memberikan mode Italic kita hanya mengapitkan kalimat/kata di antara kode
    <i> … </i>
  2. Selanjutnya, untuk memberikan mode Bold kita hanya mengapitkan kalimat/kata di antara kode
    <b> … </b>
    Pada mode ini bisa juga menggunakan rumus HTML
    <strong> … </strong>
  3. Terakhir, untuk memberikan mode Underlined kita hanya mengapitkan kalimat/kata di antara kode
    <u> … </u>
Contoh :
  1. <i>contoh italic</i> —-> contoh italic
  2. <b>contoh bold</b> —-> contoh bold, atau
    <strong>contoh bold</strong> —-> contoh bold
  3. <u>contoh underlined</u> —-> contoh underlined
Cara Membuat Tulisan berwarna:
Pada trik ini ada dua cara karena menyesuaikan template yang menggunakan Read More pada HTML-nya menggunakan rumus <div> … </div> atau <span> … </span> . Saya akan membahas kedua-duanya
  1. Untuk yang menggunakan rumus <div> … </div> pada ‘Read More’nya, jika ingin memberi efek warna pada tulisan harus menggunakan rumus
    <span style="color: red;"> … </span>
    Warna red bisa anda ganti sesuai keinginan Anda, misal yellow, purple, black, white, brown, orange, green, magenta, aqua, dsb.
  2. Nah, kemudian untuk template yang menggunakan rumus
    <span id="fullpost"> … </span> atau
    <span class="full-post"> … </span>
    Jika ingin memodifikasi tampilan tulisan jadi berwarna, menggunakan rumus
    <font color="red"> … </font>
    Warna red bisa anda ganti sesuai keinginan Anda, misal yellow, purple, black, white, brown, orange, green, magenta, aqua, dsb.
Cara Mengatur Model dan Ukuran Huruf
  1. Dalam mengatur model huruf, kita akan kembali menggunakan rumus
    <font> … </font>
    namun kita hanya menambahkan keterangan

    face="arial"
    ke dalam rumus tadi, menjadi

    <font face="arial"> … </font>
    Untuk model huruf bisa Anda ganti sesuai keinginan Anda, misalnya ganti dengan Georgia, Courier, Times New Roman, dsb.
  2. Kemudian untuk mengatur Ukuran huruf, masih menggunakan
    <font> … </font>
    Tapi kali ini kita menambahkan keterangan

    size="5"
    ke dalamnya sehingga menjadi

    <font size="5"> … </font>
    Anda bisa mengganti angka 5 dengan yang Anda inginkan untuk mengatur ukuran huruf. Berikut saya kasih contoh ukuran:
    1 2 3 4 5 6
    Anda bisa mengira-ira sendiri, semakin besar angka maka huruf juga akan semakin besar. Jadi, gunakan sesuai kebutuhan saja.
Cara Membuat Tulisan Berkedip
Trik ini cuma menggunakan rumus

<blink> … </blink>
untuk membuat tulisan menjadi berkedip (kayak bintang, hehe). Untuk contoh:

<blink>contoh kedip</blink>
maka akan menjadi seperti contoh kedip . Gampang, bukan?
Cara Membuat Tulisan Dicoret
Sama dengan rumus-rumus lainnya yang cuma diapit antara kode-kode yang diperlukan. Untuk kali ini kode yang diperlukan adalah

<strike> … </strike>
Contohnya

<strike>cotoh coret</strike>
maka akan jadi contoh coret
Cara Membuat Tulisan Berada di Tengah
Tutorial ini menggunakan kode rumus

<center> … </center>
Untuk contoh, penulisannya adalah

<center>contoh tengah</center>

Tidak ada komentar:

Posting Komentar