Jumat, Juni 19, 2026
Terbaru:
KomputerTutorial Aplikasi

Cara Menampilkan Gambar dengan Border di Website/Blog

Yunandra 783 Views

yunandra. Cara menampilkan gambar dengan Border di website atau blog termasuk kategori Tutorial Aplikasi Digital. Kategori yang menjadi sarana guru, kepala dan pengawas madrasah meningkatkan literasi digital.

Keinginan menampilkan gambar atau banner sebagai iklan dengan border berwarna dan background berwarna bisa menggunakan kode HTML di blog atau website.

HTML adalah singkatan dari Hypertext Markup Language. HTML merupakan salah satu bahasa program untuk membuat halaman website yang tampil pada web browser.

Kode HTML Border Gambar

Adapun cara membuat border gambar di blog atau website dengan cara berikut di bawah ini. Caranya:

1. Copy scrif di bawah ini

<div style=”border: 1px solid #ffa200; margin: 10px 0px; padding: 10px; width: auto; height:auto; background-color:#FBFBEE; text-align: center; width:270px; height:260px;”> <a href=http://www.namawebsite.com”  target=”new” /> <img src=”url gambar” hight=”290″ width=”250″   alt=”” title=”KBIH Al Manar” /></a></div>

Perhatikan yang berwarna biru.

  1. Kode “#ffa200” adalah kode html warna
  2. Angka 270 dan 260 adalah besarnya gambar dengan ukuran pixel (tertulis px)
  3. Tulisan “www namawebsite.com” adalah link target untuk gambar tersebut
  4. Tulisan “url gambar” yaitu alamat website gambar.

2. Buka fasilitas HTM/JavaScrif langsung copy scrif di atas.

Kode HTML di atas copy, dan rubah yang berwarna sesuai instruksi dan keinginan warna border di blog atau website

Hasil seperti dibawah ini

Semoga bermanfaat.

Literasi Digital

Lainnya

Artikel Terbaru