Membuat Box Kode HTML

Pada Posting saya kali ini saya akan memberikan sedikit tips Membuat Box untuk menyimpan kode HTML terpisah dengan teks tertulis. seperti contoh di bawah ini :

  1. Ketik atau lebih mudahnya Copykan kode script HTML di bawah ini kedalam Notpad!
    <div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
    <span style="color: #3333ff; font-family: arial; font-weight: 700;"><span style="font-size: 100%;"><textarea cols="18" name="code" onclick="this.select();" readonly="readonly" rows="4">&lt;a href="http://billix-multimedia.blogspot.com/" onmouseover="window.location=this.href" target="_blank"&gt;&lt;img alt="Billix Multimedia v.2" border="0" src="http://4.bp.blogspot.com/-lwffqOUO2uE/T978C2ZDgBI/AAAAAAAAAqo/7KlUiJbqD48/s1600/BM+v.2+Mini+Banner.png" &gt;&lt;/a&gt;</textarea> </span></span></div>
  2. Ganti atau hapus terlebih dahulu Teks Kode HTML berwarna Merah di atas untuk nantinya diganti kode HTML yang akan di posting,,!!!
  3. Cari kode HTML yang ingin diposting. Contoh :
    <a href="http://billix-multimedia.blogspot.com"title="Billix Multimedia" target="_blank"><img src=" http://2.bp.blogspot.com/_YYopXeKrRCM/TTHVKYRQjeI/AAAAAAAAAEo/MNEqXXtPY28/s1600/Billix+Multimedia+1+58px.png " alt="Billix Multimedia" style="border:0"/></a>
  4. Ganti Kode <a href yang berada di awal menjadi &lt;a href dan ></a> di akhir menjadi &gt;&lt;/a&gt;
  5. Masukkan (Copy Paste) di tempat yang telah dihapus (HTML berwarna Merah di atas).
  6. Copy pastekan keseluruhan code HTML tersebut ke dalam editor HTML yang ada di Blog di bagian Posting.
  7. Maka tampilannya sebagai berikut :


Jika ingin memperbesar tampilan box gantikan angka 8 dan 4 di atas yang terdapat pada bagian
<textarea cols="18" name="code" rows="4">
sesuai dengan ukuran yang dikehendaki.

Selamat Mencoba,,

==========================================================================

Jika Merasa Arikel dan Bacaan di Billix Multimedia v.2 Bermanfaat,
Jangan Lupa Share ke Teman-teman melalui Tombol Share di bawah posting ini
Like on Billix Multimedia v.2 Facebook. Follow atau Berlangganan Via Email.
Terimakasih

==========================================================================

Yang Copas, Jangan Lupa Mencantumkan Sumbernya Yah!

==========================================================================



==========================================================================




Jika Merasa Arikel dan Bacaan di Billix Multimedia v.2 Bermanfaat,
Jangan Lupa Share ke Teman-teman melalui Tombol Share di bawah posting ini
Like on Billix Multimedia v.2 Facebook . Follow atau Berlangganan Via Email.
Terimakasih



Yang Copas, Jangan Lupa Mencantumkan Sumbernya Yah!






Share Yuk!

0 komentar :