Cara Menampilkan Gambar dengan Border di Website/Blog
yunandra. 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.
- Kode “#ffa200” adalah kode html warna
- Angka 270 dan 260 adalah besarnya gambar dengan ukuran pixel (tertulis px)
- Tulisan “www namawebsite.com” adalah link target untuk gambar tersebut
- 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
- Cara Mengaktifkan Opsi Pengembang di Realme C17
- Apa Tujuan Literasi Digital di Indonesia
- 6 Kategori Orang Berdasarkan Perkembangan Teknologi Digital
- Indikator Literasi Digital Berdasarkan 4 Pilar
- 4 Pilar Kerangka Kerja Literasi Digital di Indonesia
- Rumus Excel: Menyalin dan Mengelompokkan dengan Formula Filter
Artikel Terbaru
- 3 Tahapan Penyiapan Calon Kepala Sekolah Di Peraturan 2025 Penugasan Guru
- Merancang Masa Depan Anak di MAQ Al Ihsan Kebagusan.
- Merancang Anggaran Sekolah pada Manajemen Penganggaran
- Pentingnya Kompetensi bagi Alumni MA Manaratul Islam
- Buku Madrasah Minimalis, Strategi Baru Mengembangkan Sekolah Unggul Berbasis Islam
- Memupuk Toleransi dalam Keragaman Budaya di Acara P5 MA Pembangunan
Eksplorasi konten lain dari Yunandra
Berlangganan untuk dapatkan pos terbaru lewat email.