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
- 3 Fokus Transformasi Digital di Bidang Pendidikan Madrasah
- 7 Langkah Cara Update WordPress Manual di Cpanel
- Modifikasi Target Link di Widget RSS WordPress
- Cara Mengatur Spasi Body Teks dengan garis Footnote
- Cara Menampilkan Gambar dengan Border di Website/Blog
- Cara Membuat Banyak Folder di Google Drive
