English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
TRANSLATE
FOLLOW THIS BLOG
Tuesday, January 14, 2014
12:27:00 PM

Cara Memasang Gambar Link dengan Ukuran Yang di inginkan dengan script 2


 

Gambar yang akan dipasang di halaman blog tentu harus melalui proses upload terlebih dahulu. Setelah gambar selesai diupload maka akan didapat link gambar sebagai berikut:


<img src='URL gambar">

  Hasilnya seperti di bawah ini:


Apabila ingin membuat gambar tadi menjadi link yang mengarah ke blog anda, maka susunannya menjadi :





<a href='URL Blog Anda'><img src='URL gambar "></a>





Hasilnya seperti di bawah ini: 



Dari susunan kode seperti tersebut di atas, gambar yang muncul masih menampilkan ukuran yang sebenarnya. Sehingga bila tempat yang tersedia di blog lebih sempit dari gambar akan menimbulkan masalah baru.

Cara mengatasinya, gambar harus diatur.  Kode yang diperlukan adalah kode weight dan height (weight=lebar, height=tinggi).
Sedangkan penempatan kodenya seperti ini :

<img src='URL gambar' width='100' height='80'>







Hasilnya seperti di bawah ini:



atau bila ingin membuat gambar tadi menjadi link yang mengarah ke blog anda, maka susunannya menjadi :

<a href='URL Blog Anda'><img src='URL gambar' width='100' height='80'></a> 



Hasilnya seperti di bawah ini:


Apabila ingin membuat gambar jika mouse di sorotkan ke gambar muncul tulisan, maka susunannya menjadi :


<img src='URL gambar" 
title="Muncul Tulisan">



















Hasilnya seperti di bawah ini: 

Apabila ingin membuat gambar jika mouse di sorotkan ke gambar muncul tulisan akan menuju blog anda, maka susunannya menjadi : 

<a href='URL Blog Anda'>
<img src='URL gambar" 
>title="Muncul Tulisan"














Hasilnya seperti di bawah ini:

Apabila ingin membuat gambar dengan ukuran tertentu jika mouse di sorotkan ke gambar muncul tulisan akan menuju blog anda, maka susunannya menjadi : 

<a href='URL Blog Anda'><img src='URL gambar' width='100' height='80'title="Muncul Tulisan"></a> 

Hasilnya seperti di bawah ini:

Catatan:
Untuk mengatur memperbesar/memperkecil ukuran gambar, ubahlah angkanya sesuai yang dikehendaki.

Dengan cara itu, gambar yang akan dipasang di blog dapat kita perbesar / perkecil dengan menggunakan kode script.

SELAMAT MENCOBA

0 komentar:

Post a Comment

 

Hubungi Admin diMahvut Kichi