Membuat 'kotak' untuk apa sahaja yang anda ingin pamerkan dapat
memudahkan para pengunjung untuk mengambil apa yang anda hendak kongsi,
kebiasaannya kod atau mungkin juga lain-lain.
Contoh textbox
sedia ada adalah textbox untuk code banner blog ini yang kelihatan di
sebelah kanan blog ini.Textbox menjadikan code senang dicopy oleh
pengunjung anda dan pada masa yang sama menampakkan kekemasan untuk
meletakkan code dalam blog anda.
Tutorial ini akan menunjukkan kepada anda asas kepada textbox ini serta beberapa penambahan yang boleh dilakukan untuk memudahkan pemilik blog ataupun pengunjung.
Contoh kod yang hendak diletakkan didalam textbox adalah seperti berikut.
1. Asas bagi textbox adalah.
Note:
height: 100px; > Gantikan dengan ketinggian yang anda kehendaki
width: 200px; > Gantikan dengan lebar yang anda kehendaki
background: #8CEFFD; Gantikan warna background dengan kod tertentu. Untuk kod warna, rujuk disini.
Contoh bagi kod di atas.
2. Untuk buatkan semua kod tersebut di'select' dengan hanya sekali klik pada textbox. Kodnya adalah:
Contoh textbox jenis ini adalah seperti berikut.
3. Untuk buatkan kod di'select' dengan hanya lalukan tetikus adalah seperti berikut
contox textbox jenis ini adalah
Mudah bukan.?
Kini anda boleh meletakkan kod didalam blog anda dengan lebih mudah dan kemas.
Selamat mencuba.:)
0 Comments
