Menampilkan Demo Live! Css/Javascript di PostBlog

Ada temen saya yang bertanya mengenai Wacana ini, okelah saya posting hihi.

Mungkin trik ini di temui di blog atau website yang khusus membicarakan tentang Script-script apalah itu namanya (halah :lol). Tentu agar pengunjung mengerti dan paham apa maksud dari sebuah Script (Javascript) tersebut, dibuatlah sebuah Pratinjaunya atau Demonya. Seperti halnya pada beberapa Demo Javascript di blog saya ini yang ditampilkan secara Live begitu : Resize Text on Webpage | Textarea Auto Typing dan masih banyak lagi jika sobat memperhatikannya.

Mungkin sedikit mengherankan ya bagi sobat yang tidak tau menau tentang bagai mana cara Menampilkan Demo tersebut. Tapi yuk kita simak caranya dibawah

Tips untuk Demo yang menggunakan Css.

1. <style>Kode CSS diletakan disini</style>. Kode Css diletakan diantara kedua kode style.
2. Tidak ada Enter atau jarak antar Baris, karna akan menyebabkan terjadinya Error.
3. Contoh : CSS → <style>.merah{color:red}.merah a{color:green}.merah a:hover{color:purple}</style> HTML → <span class="merah&quot;>Tulisan yang diletakan disini adalah tulisan hasil dari Css <a href="#">Merah</a></span>
4. Hasilnya : Tulisan yang diletakan disini adalah tulisan hasil dari Css Merah

Tips untuk Demo yang menggunakan Javascript.

1. Upload file Javascript ketempat File Hosting liat selengkapnya. File Hosting Seperti site.google.com.
2. Buat kode seperti ini : <script src="LOKASI JAVASCRIPT"></script>
3. Lokasi Javascript adalah Script yang telah di Upload ke File Hosting tadi.
4. Contoh script : <form name="news"><textarea rows="4" style="font-size:12px;font-family:comic sans ms" cols="35" name="news2" wrap="virtual"></textarea><script src="http://sites.google.com/site/farixsan/javava/textareatyping.js" language="JavaScript"></script>

Sumber : Farixsantips