mau blog anda memiliki fitur "code section/code snipest" seperti ini? baca dulu postingan saya.
mumpung nganggur nih... pembimbing juga belum pulang dari dinas, sambil nunggun waktu pulang buat ambil leptop baru :hammer , saya ingin sharing seputar blogging.
yup... baru kali ini saya memahami betapa mudahnya bahasa pemrograman CSS. didalam CSS kita memiliki hak untuk merubah elemen elemen default pada html. misalnya kita mempunyai kode html <b> (bold), kita ubah fungsinya menjadi garis red bold blinking. bahkan kita dapat membuat tag html kita sendiri.
okelah nggak usaaaah panjaaang panjang.udah banyak yang tahu kan mengenai tag html <pre> ?. yup... tag tersebut tujuannya agar tulisan didalam tag tersebut berwujud seperti kode. nah... bagaimana caranya? jangan khawatir, karena kita telah memiliki css, tinggal di edit saja tag <pre> tersebut. kode css nya adalah :
pre{background:#000000; border:2px inset #00F7FF; display:block; margin:10px; padding:5px; font-family:Courier; font-size:13px; overflow:auto; color:#00ff00}
masuk ke rancangan, dan masuk ke edit-html. paste kode tersebut pada daerah css, yaitu di atas kode:
]]></b:skin>tulisan "pre" di awal dan diluar kurung kurawal merupakan penentuan kode apa yang akan diedit. jadi ketika anda mengetikkan tag <pre> maka otomatis akan memiliki kotak seperti di atas. penjelasan mengenai kode di atas:
merah : warna background kode
biru : warna border
kuning : warna kode yang ditulis
anda bebas mengganti tag salain tag <pre>. misal <code>, <kotakan>, <koloran>. :ngakak .
yah... kayaknya cukup sampai situ aja... udah mau pulang nih... :cendol
Posting Komentar
Give Ur eXPerience about this eXPerience...