Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
logo title bar tidak muncul
<link rel="icon" href="images/logofanny.png" type="image/x-icon" class="LOGO">
tolong bantuannya, ketika saya coba menggunakan syntax diatas di suatu folder logonya tidak dapat muncul tapi saat saya mencobanya pada file lain diluar folder tersebut maka logonya dapat muncul, apakah ada penulisan syntax yang berbeda jika akan memanggil logo disuatu folder?
4 Jawaban:
<div>coba dengan /image/logofanny.png ada / di depan</div>
Tanggapan
maksudnya bagaimana ya kak? maaf saya kurang faham, apa penulisan syntaxnya diganti '/image/logofanny' ada/ di depan ?
href="/images/logofanny.png" coba gini maksudnya
terimakasih, tapi sudah dicoba tetap tidak bisa
bentar,, kalo di folder yang sama dengan logonya, brarti hrefnya langsung nama filenya aja
saya buatnya d beda folder kak
<div>Update.<br>saya baru perhatikan ekstensi file kamu png, coba typenya disesuaikan</div><pre><link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png"></pre>
Tanggapan
tetap tdk bisa kak
- coba screenshot / atau jelas di mana lokasi gambar kamu 2. kode yang kamu pakai sekarang di "pertanyaan"
baik sebentar kak
<div>jadi saya mencoba membuat logo title bar pada website dengan code :</div><pre><!-- Logo Title Bar --> <link rel="icon" href="images/logofanny.png" type="image/x-icon" class="LOGO"></pre><div>code tersebut saya letakkan di bagian head pada html. contoh tampilan hasilnya pada file home : <br><figure data-trix-attachment="{"contentType":"image/png","filename":"Screenshot 2022-12-24 132709.png","filesize":2784,"height":51,"url":"https://i.ibb.co/m8mKcNP/Screenshot-2022-12-24-132709.png","width":313}" data-trix-content-type="image/png" data-trix-attributes="{"presentation":"gallery"}" class="attachment attachment--preview attachment--png"><img src="https://i.ibb.co/m8mKcNP/Screenshot-2022-12-24-132709.png" width="313" height="51"><figcaption class="attachment__caption"><span class="attachment__name">Screenshot 2022-12-24 132709.png</span></figcaption></figure><br>Kemudian saya memasukkan code yang sama pada folder admin di file product, tapi hasil gambarnya tidak muncul seperti diatas, hasilnya seperti ini :<br><figure data-trix-attachment="{"contentType":"image/png","filename":"Screenshot 2022-12-24 133009.png","filesize":2830,"height":51,"url":"https://i.ibb.co/S3zHRz0/Screenshot-2022-12-24-133009.png","width":303}" data-trix-content-type="image/png" data-trix-attributes="{"presentation":"gallery"}" class="attachment attachment--preview attachment--png"><img src="https://i.ibb.co/S3zHRz0/Screenshot-2022-12-24-133009.png" width="303" height="51"><figcaption class="attachment__caption"><span class="attachment__name">Screenshot 2022-12-24 133009.png</span></figcaption></figure>saya bingung karena code yang digunakan untuk mengambil gambar tersebut sama, tapi kenapa pada folder admin gambar tersebut tidak muncul?<br><br>Note : gambar logo tersebut saya simpan di folder images dan bentuk file adalah png. file home tersebut tidak saya simpan di folder, sedangkan file product saya simpan didalam folder admin.<br><figure data-trix-attachment="{"contentType":"image/png","filename":"Screenshot 2022-12-24 134422.png","filesize":71112,"height":862,"url":"https://i.ibb.co/nwv825n/Screenshot-2022-12-24-134422.png","width":370}" data-trix-content-type="image/png" data-trix-attributes="{"presentation":"gallery"}" class="attachment attachment--preview attachment--png"><img src="https://i.ibb.co/nwv825n/Screenshot-2022-12-24-134422.png" width="370" height="862"><figcaption class="attachment__caption"><span class="attachment__name">Screenshot 2022-12-24 134422.png</span></figcaption></figure>mohon bantuannya kak<br><br><br></div>
Jawaban Terpilih
<div>Karena lokasi yang memanggil ada 1 folder di atas.<br>Asumsi saya kamu punya /admin/index.html<br><br>maka memanggilnya harus mundur. Mundur dengan 2 titik (..)<br><br></div><pre> <link rel="icon" href="../images/logofanny.png" type="image/x-icon" class="LOGO"></pre><div><br><br>Referensi <a href="https://kodi.ng/html/lokasi-relatif-media-html/">menampilkan sumber gambar dengan lokasi relatif di HTML</a></div>