Tuesday 3 January 2017

SOLUSI MEMBUAT GAMBAR UNTUK MENJADI LINK SUATU WEB

Hay guys, Diluar tema pemrograman VB yah,
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,..


blog kecantikan dan tips mearawat tubuh yang mudah





Semoga bermafaat, :) 

0 comments:

Post a Comment