Guys follow ig mimin Follow Instagram

CARA MENAMBAH GAMBAR DI HTML(UNTUK LOGO DAN BACKGROUND)||BELAJAR NGODING PART2

 


Assalamualaikum ngab...

Kali ini admin akan membahas bagaimana caranya menambah foto di html/web/script deface kita yah ngab.

Okey...langsung saja,masuk ke pembahasan:)

________________________________

Intro dulu lah bosquu:v







Lanjuuut.:v.......

________________________________

Bahan:

1.link imgbb(dibawah)

2.aplikasi pembuat html

3.gambar doi:v buat pajangan

4.mentalll

(Gapenting)>_<

Tutorial:

Yang pertama,siapin gambar dulu ngab...yang mana nantinya akan ditaruh di html(web)

Lanjut...buka link ini gan:D

Sentuh aku maass


Nah..kalian pencet logo yang warna biru tuh(bukan yang pink>_<)

Dan otomatis kalian akan disuruh mencari gambar tersebut...jika sudah dapat fotonya...


Nah...kalian pilih yang "jangan hapus otomatis" trus tekan unggah.


Nah...sudah keluar teman2...kalian langsung tekan yanh "kode cantumkan"dan pilih tautan penuh html ngab:)

Dah jadi?salin lah woeee.....

Ini contoh punya gw ngab:

<a href="https://ibb.co/k0CMZ60"><img src="https://i.ibb.co/4MrJkgM/rickthor7.jpg" alt="rickthor7" border="0"></a><a href="https://ibb.co/k0CMZ60"><img src="https://i.ibb.co/4MrJkgM/rickthor7.jpg" alt="rickthor7" border="0"></a>

Nah...kita potong aja atributnya yah gan...kita ambil linknya:)...gini2 contohnya:

https://i.ibb.co/4MrJkgM/rickthor7.jpg

(Kita ambil httpnya-tulisan.jpg)

Dah jadi deh...sourcenya:D

Sekarang tinggal menaruh link gambar tersebut di html/web kita....

Gw kasih kodenya yah ngab:D kalian tinggal ganti httpnya saja okey dengan http kalian tadi:)

1.MEMBUAT LOGO DI HTML WEB/SCRIPT DEFACE

  



<img src="https://i.ibb.co/4MrJkgM/rickthor7.jpg" class="logo"></img><br>


Nah..jadi deh ngab.diatas adalah codingan logo awalnya yah gan..kita bisa mengatur ukurannya dengan menambahi:

<center><img src="https://i.ibb.co/4MrJkgM/rickthor7.jpg" height="30px" width="30px;" class="logo"></img><br></center>


Nah...jadi kek semut gan:v...terserah kalian bisa mengubah yang ada di height dan width(kalo gw diatas 30px)makanya kek semud:v

2.MEMBUAT BACKGROUND

Nah...kalo membuat background sih...mudah banget gan:)kalian pasti bisa(: 


Ini codingannya:

body {

background-color:black;

background-image:url(https://i.ibb.co/4MrJkgM/rickthor7.jpg);

}

Kalian salin dan pastekan diantara tag <head>  dan </head> yah gan..gini misalnya:

<html>

<head>

<title>Judul</title>

<style type="text/css">

body {

background-color:black;

background-image:url(https://i.ibb.co/4MrJkgM/rickthor7.jpg);

}

</style>

</head>

<body>

isi web kita

</body>

</html>


Nah....selesai sudah materi kita kali ini gan...ada kurang lebihnya saya moon maap sebesar2nya:)

Admin pamit dulu...semoga bermanfaat>_<

Assalamualaikum ngab...

About the Author

Halo, Selamat datang, Selamat berbelanja...

Posting Komentar

Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.