ini sedikit tentang kode HTML yang bisa digunakan untuk membuat gambar yang jika gambar itu di klik maka akan membuka sebuah halaman website yang di tuju.
<a href="https://id.oriflame.com/brands/tender-care"></a>
1. kode HTML diatas mulanya -->> <a href="isi alamatweb yang dituju , di ambil dari URL browser"></a>
<a href="https://id.oriflame.com/brands/tender-care"> ......diisi dengan kode HTML langkah ke 3. di bawah....... </a>
2. kode HTML diatas untuk mengidentifikasikan halaman web yang dituju
3. Setelah membuat kode HTML diatas, maka masukkan kode HTML sebelum </a> diatas.
<img alt="blog kecantikan dan tips mearawat tubuh yang mudah" border="none" height="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicl-kU3d5_VBVl4hxftAULvJhKSkeRbEj6BAQQCkc7i_UEV5YNGfz5O-l0kA22bwBC7lJG4ktDP0lNi_kim1HoRvuyW05lvYpuDyd-xzLezibdDk3yZLY103oJSBbC26RqkOlSq89TCjxf/s640/tendercare.PNG" title="face primer yang cantik" width="640" />
alt="" (untuk memudahkan dalam pencarian)
border="none" (diisi none agar tidak ada border di gambar tersebut)
height="" dan width="" (untuk mengatur tinggi dan lebar gambar)
title="" (untuk memudahkan dalam search engine)
src="" (cara mengisinya adalah dengan klik kanan gambar yang udah di masukkan kedalam tulisan blog kamu , lalu pilih "copy Link address" setelah itu Ctrl+V diantara tanda kutip ---) src="" tersebut., kode HTML ini untuk mengidentifikasi gambar yang ingin di tampilkan menjadi link)
-------------------------------------------------------------------------------------------------------------
Kode HTML selengkapnya ada di bawah ini :
1. Blok dulu kode html di bawah ini , kemudian Ctrl+C
2. klik button HTML di pojok kiri atas (ada dua button, --> "Compose" dan "HTML") .
Ctrl+V kode HTML yang suda di edit tadi pada halaman tersebut.
<a href="https://id.oriflame.com/brands/tender-care">
<img alt="blog kecantikan dan tips mearawat tubuh yang mudah" border="none" height="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicl-kU3d5_VBVl4hxftAULvJhKSkeRbEj6BAQQCkc7i_UEV5YNGfz5O-l0kA22bwBC7lJG4ktDP0lNi_kim1HoRvuyW05lvYpuDyd-xzLezibdDk3yZLY103oJSBbC26RqkOlSq89TCjxf/s640/tendercare.PNG" title="face primer yang cantik" width="640" />
</a>
3. kemudian kembali KLIK Compose (ada dua button, --> "Compose" dan "HTML")
hasilnya ada di bawah ini,..
Semoga bermafaat, :)
0 comments:
Post a Comment