Cara Membuat Kotak Kode HTML Pada Blog

17:35:00 zamriy 0 Comments

Asalamualaikum harini Mr.Zamri nak share Cara Membuat Kotak Kode HTML Pada Blog korang sendiri,dekat bawah ni ada beberapa koleksi kotak kode basic yang dapat share - kan pada anda semua just ikut je tutorial bergambar dan copy je kode tu okeys, Jika berminat nak guna yang mana 1 ambil je tak perlu pening pening nak cara lagi dah hehe.ok Jom


Cara Membuat Kotak Kode HTML Pada Blog :

1. Login ke Blogger / Dashboard  > Buat Entri / Post Baru  > Pilih Mode HTML
Pilihan Kotak Kode 1



Cara Adjust Kode

w;200px  h;100px = Untuk panjang x lebar kotak
Masujan Teks Tulisan = Untuk masuk Teks / Kode yang nak di copy
Pilihan Kotak Kode 2

<p style="border: 1px solid rgb(204, 204, 204); padding: 15px; display: block; background-color: #DAD8D8; text-align: left;">
Simpan kode script/tulisan  di sini
</p>

 Cara Adjust Kode

#DAD8D8 = Untuk background colur pada kotak
Simpan Kode script/tulisan disini = Untuk masuk Teks / Kode yang nak di copy
Pilihan Kotak Kode 3

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
blogingker gantikan ayat ini</div>

 Cara Adjust Kode

border: 3px  = Ketebalan pada kotak
#178odd = Warna kotak script
padding: 10px = Panjang kotak kebawah automatic
background-colur:#ffffff = Warna dalam kotak
text-align: left;"> = Posisi tulisan

Okeys setakat ini pilihan kotak yang ada,jika ada yang baru nanti Mr.Zamri update lagi ya ;) nak pergi makan kejap lapar dah main koding HTML nii..hehe