Kamis, 26 Februari 2009

html dan cascading style sheet (css)

Cascading Style Sheet (css) dalam pemrograman web selelu dipakai untuk mengatur tampilan halaman agar lebih cantik dan menawan. Berikut tutorial css untuk membuat posting blog Anda tampil berbeda dari biasanya..

Membuat paragraf tertentu dalam sebuah block yang diatur dengan css untuk Anda yang ingin menampilkan pesan-pesan penting dalam posting, seperti kata mutiara misalnya, maka diperlukan sedikit aturan css dalam html Anda.

Jika Anda pengguna blogger, masuk pada Layout kemudian pilih Edit HTML. Letakkan aturan berikut ini persis di atas/sebelum tag </head>:

<style type="text/css">
blockquote.kamut {
    background:#D8DBE6;
    border-left:4px #676C85 solid;
    padding:10px;
    font-style: italic;
    color:#FE028A; }
div.author {
    text-align:right;
    font-size:12px;
    font-weight:bold;
}
</style>


Simpan template Anda. Buat posting baru dan masukan paragraf khusus - pesan trtentu - di dalam tag <blockquote class="kamut">. Kamut maksudnya kata mutiara, Anda bisa menamainya sesuka Anda yang penting harus sama dengan setelan css yang Anda buat.

Sebagai contoh, saya akan menuliskan paragraf berisi kata-kata mutiara di dalam blockquote dengan aturan css di atas.

<blockquote class="kamut">
Doa bukanlah apa yang kamu katakan, melainkan apa yang kamu rasakan!<br/>
<div class="author">Mother Pilgrim</div>
</blockquote>

Setiap kali akan memasukan text atau paragraf penting, gunakan blockquote class=kamut dan div class=author - untuk memberi keterangan sumber. Hasil dari perintah css di atas akan tampil seperti di bawah ini:

Doa bukanlah apa yang kamu katakan, melainkan apa yang kamu rasakan!
Mother Pilgrim



Selamat mencoba,

^_^










Tidak ada komentar:

Posting Komentar