Rabu, 01 Januari 2014

Cara Membuat Kotak Kolom Html javascript pada Web atau Blog


Adnan TeKaJe Cara Membuat Kotak Kolom Html  javascript, berguna untuk memasukan script script html, yang akan di masukan ke dalam web, blogger, dll. Untuk itu kita lakukan langkah-langkah berikut :


Login Ke Blogger
Pilih Post >> Entri Baru
ketikkan postingan anda
Masukan Script yg ingin di buat Kotak Script
Di pojok kiri atas ada 2 opsi, yaitu Compose dan HTML,
Pilih yg HTML



lalu copy kan script dibawah ini pada baris terakhir, lihat gambar :

<div style="border: 1px solid #000000; height: 50px; overflow: auto; padding: 5px; width: auto;"> masukkan Kode / Script yg ingin di masukan </ div>

Catatan : 
  1. Warna biru sebagai kode warna untuk warna background, kita bisa mengganti kode warnanya sesuka kita, untuk mendapatkan kode warna klik disini
  2. 50px ukuran kotak kolom nya, kita bisa mengatur sesuai keinginan kita.

pada bagian yang berwarna kuning adalah kode script atau html yang akan kita share atau tampilkan, pada bagian ini jangan dulu di masukan scriptnya.
kemudian masih di HTML , ketikan kata-kata lagi pada baris terakhir, ( Ini bertujuan untuk kita bisa melanjutkan pengetikan lagi.
setelah itu kita publikasikan, jangan lupa kasih Judul Entrinya bro :D

atau mau Form seperti di atas? copy kodenya disini
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">

<textarea cols="20" name="txt" rows="4" style="height: 50px; width: 200px;" wrap="VIRTUAL">masukkan script anda disini</textarea></div>
Lakukan seperti langkah di atas :D

0 komentar:

Posting Komentar