headerphoto

Membahas CSS tidak ubahnya seperti belajar memodifikasi blog. Dengan bahasa HTML-nya, CSS bisa membuat blog tampil beda, sesuai yang kita inginkan. Sangat menarik membahasnya, apalagi bagi saya yang suka ngutak-atik blog dan sedikit banyak menulis tentang tutorial blog.

Bagaimana dengan kawan-kawan blogger? apa tertarik membahas CSS? apa kawan mengutak-atik blog tahu dasar-dasar CSS? atau apa kawan menulis tutorial blog hanya sekedar copy paste tanpa memiliki pengetahuan dasar HTML yang cukup?

Tata cara penulisan CSS <div style=" - - - "></div> seperti dalam beberapa kode yang saya contohkan disini, merupakan cara penulisan CSS dengan metode Inline Style Sheet[1]. Selain metode tersebut, ada metode kedua penulisan CSS yaitu Embedded Style Sheet, dimana penulisannya <style> - - - </style> yang saya contohkan seperti dibawah ini (kode CSS pada Belajar CSS -5- tentang Kombinasi Atribut atau Property CSS

Baris horizontal
<style>
.boxabi1 {
border-left: 6px solid #FBB784;
margin: 5px 10px 5px 25px;
padding: 10px;
background: #FFFFCE;
color: #A52A2A;
width: 450px;
font-size: 17px;
}
</style>

Baris vertikal (plus penggabungan dua buah style)
<style>
.boxabi2 { border-right: 3px solid #006600; border-bottom: 3px solid #006600; margin: 10px; padding: 10px; background: #ADE4AD; color: #990099; width: 430px; -moz-border-radius: 0 15px; }
.boxabi3 { margin: 10px; padding: 10px; background: #EBF3FB; color: blue; font-size: 23px; width: 400px; height: 100px; overflow: auto; }
</style>


Untuk memanggil CSS diatas, kodenya adalah
  1. <div class="boxabi1">Tulis disini</div>
  2. <div class="boxabi2">Tulis disini</div>
  3. <div class="boxabi3">Tulis disini</div>


Adapun hasilnya
  1. Assalamu'alaikum warohmatullohi wabarokatuh
  2. Bismillaahirrahmaanirrahiim. Segala puji bagi Allah Tuhan semesta alam, Yang menggenggam kehidupan ini, Yang telah menganugerahkan kemampuan kepada penulis untuk bisa menyelesaikan penyusunan skripsi ini.
  3. Aksi Norman mulanya beredar dari HP ke HP di kalangan polisi di Gorontalo. Tetapi tanpa diduga gayanya itu menembus Youtube. Sampai sekitar pukul 17.30, hari Jumat, 8 Maret 2011, video Norman telah diunduh 1.035.359 kali. Sedangkan versi aslinya milik Shahrukh Khan dan Malaika Arora baru diunduh 113.016 kali. Luar biasa, kepupoleran Norman di Youtube dengan "Chaiyya Chaiyya"-nya jauh melebihi Shahrukh Khan.[2]


Referensi
[1] Wikipedia
[2] Kompas

Next→
←Prev

Terkait

Share: FB-share Twitter-share

Join dan Dapatkan Info Terbaru via Email

4 komentar

  1. Salam kenal,,, kunjungi blog saya ya... (listiyonobudi.blogspot.com)

    tukeran link ya... hehehe.... link blog Anda sudah saya pasang di blog saya....

    Salam kenal....

    BalasHapus
  2. @opik: thanks gan
    @Listiyono Budi: salam kenal kembali
    Untuk tukeran link Mohon maaf tidak bisa, per 10-02-2011 saya telah menutupnya (lihat di postingan Link Exchange). Saya kecewa, karena ada beberapa kawan yang memindahkan link saya dan bahkan menghapusnya, setelah blog mereka dapat nilai bagus.

    BalasHapus
  3. http://www.youtube.com/watch?v=YfLw0WDfQa0

    BalasHapus