Cara Mudah Membuat Link pada Gambar di Blog
Cara Mudah Membuat Link pada Gambar di Blog - Di dunia blogging kita pasti sudah sering menjumpai link yang terdapat pada teks tulisan. Apabila tulisan tersebut di klik, maka akan menuju laman tertentu. Selain link teks, ternyata ada juga link yang disisipkan pada gambar yang mana fungsinya hampir sama dengan link teks. Kegunaan link yang terdapat pada gambar tentu banyak, yang mana lebih informatif dan terlihat menarik dibandingkan dengan link teks. Sehingga memungkinkan visitor mengklik gambar tersebut yang kita pasang di blog dan akan menuju laman yang kita inginkan.
Dalam kesempatan kali ini, saya akan mencoba menjelaskan tentang bagaimana caranya membuat link pada gambar?. Oleh karena itu, mohon disimak baik-baik agar anda bisa mempraktekkannya. Berikut merupakan langkah-langkahnya.
Cara Mudah Membuat Link pada Gambar di Blog
1. Siapkan gambar anda terlebih dahulu. Kemudian silahkan anda uploud gambar anda ke internet. Apabila anda bingung ingin meng-uploud gambar dimana, anda bisa meng-uploud gambar anda ke media sosial Google Plus.
2. Setelah gambar anda sudah di uploud di Google+, silahkan klik gambar anda agar tampil lebih besar. Kemudian klik kanan dan pilih Copy Url/Link. Berikut merupakan link gambar saya yang sudah saya uploud di internet.
2.bp.blogspot.com/-S4Qn0YC-gs0/USZj48xCekI/AAAAAAAAAEg/MguIxc2rh0w/s1600/parampaa+game+online.png
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgQHyJqX3id4qzY-jqwzJ6bHX3R8Im0OIEOO5Ibx-BLJM3PU5YMFSvz6UH4GqFpIi-dx1gnLVxqS3Idh-MdAoTEm2cIdzGKcSSMIlKcKZ-GF_BRcaEe_BItxLeNA7y9qudW4LCZHD2Dwc/s1600/parampaa+game+online.png">
4. Untuk mengatur ukuran gambar, anda bisa menyertakan atribut height (tinggi gambar) dan widht (lebar gambar) sebelum tag HTML yang terkahir. Contohnya seperti dibawah ini.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgQHyJqX3id4qzY-jqwzJ6bHX3R8Im0OIEOO5Ibx-BLJM3PU5YMFSvz6UH4GqFpIi-dx1gnLVxqS3Idh-MdAoTEm2cIdzGKcSSMIlKcKZ-GF_BRcaEe_BItxLeNA7y9qudW4LCZHD2Dwc/s1600/parampaa+game+online.png" width="200px" height="200px">
5. Langkah selanjutnya siapkan url blog yang akan digunakan untuk mengarahkan gambar tersebut. Sehingga nantinya apabila gambar tersebut di klik, maka akan menuju laman tersebut. Setelah url sudah anda siapkan, letakkan url blog anda diatara kode ini <a href="http://">. Contoh seperti ini <a href="https://cara-ririn.blogspot.com/">.
6. Setelah itu, silahkan letakkan kode <a href="https://cara-ririn.blogspot.com/"> sebelum kode tag HTML. Contohnya seperti dibawah ini.
<a href="https://cara-ririn.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgQHyJqX3id4qzY-jqwzJ6bHX3R8Im0OIEOO5Ibx-BLJM3PU5YMFSvz6UH4GqFpIi-dx1gnLVxqS3Idh-MdAoTEm2cIdzGKcSSMIlKcKZ-GF_BRcaEe_BItxLeNA7y9qudW4LCZHD2Dwc/s1600/parampaa+game+online.png" width="220px" height="220px" /></a>
Keterangan:
Kode warna biru adalah alamat blog yang kita inginkan
Kode warna merah adalah alamat url gambar yang sudah di uploud di internet
Kode warna hijau adalah ukuran gambar yang akan ditampilkan
7. Setelah itu, kode tersebut bisa anda letakkan pada Widget HTML/Javascript atau pada halaman blog anda.
Jika langkah ketujuh sudah anda lakukan, maka hasilnya akan terlihat seperti gambar dibawah ini. Apabila gambar dibawah ini anda klik, maka akan menuju homepage/halaman utama blog ini.
Apabila anda masih bingung atau kesulitan dalam mempraktekkannya, anda bisa meng-copy seluruh kode tersebut dan jangan lupa kode-kode yang berwarna biru, merah, dan hijau, anda ganti sesuai yang anda inginkan.
Demikian panduan tentang tata Cara Mudah Membuat Link pada Gambar di Blog yang bisa saya informasikan kepada anda sekalian. Atas atensinya saya sampaikan ucapan terimakasih. Selamat mencoba dan semoga berhasil.
Categories:
Blogging
0 komentar:
Post a Comment