Cara Membuat Link Image di Blog

Dalam dunia blogging kita pasti sudah sering menemukan link yang terdapat dalam teks artikel. Jika teks diklik , maka akan masuk ke halaman tertentu . Selain link teks , ada juga link yang dimasukkan pada gambar bahwa penggunaan hampir sama dengan teks link. Kegunaan dari link yang terdapat dalam gambar tentu banyak, yang lebih informatif dan menarik daripada teks link terlihat . Sehingga memungkinkan pengunjung mengklik gambar yang kita pasang di blog dan akan menuju halaman rumah yang kita inginkan .

Dalam kesempatan ini , saya akan mencoba menjelaskan tentang Cara Membuat Link pada Gambar ? . Oleh karena itu , perhatikan dengan hati-hati sehingga Anda dapat mempraktekkannya . Berikut langkah-langkahnya .

Pertama, siapkan gambar Anda terlebih dahulu . Kemudian silahkan upload gambar Anda ke internet . Jika Anda bingung di mana ingin upload gambar, Anda bisa upload gambar Anda ke Google Plus media sosial .

Kedua , setelah Anda sudah berada dalam gambar upload di Google+ , silahkan klik pada gambar Anda agar tampak lebih besar . Kemudian klik kanan dan pilih Copy Url / Link.

Ketiga , maka silakan menambahkan tag HTML dalam <img src="http://"> bentuk antara url gambar Anda . Misalnya seperti di bawah ini .

<img src="alamat url gambar anda ">

Keempat , untuk mengatur ukuran gambar , lalu Anda dapat menyertakan atribut height ( tinggi gambar ) dan widht ( lebar gambar ) sebelum tag HTML. Misalnya seperti di bawah ini .

<img height="200px">

Kelima , langkah berikutnya adalah untuk menyiapkan url blog digunakan untuk mengarahkan gambar . Sehingga ketika gambar diklik , maka akan masuk ke halaman tersebut . Setelah Anda telah mempersiapkan url , menempatkan Anda url blog kode diatara <a href="http://"> . Contohnya seperti ini <a href="http://seowuss.blogspot.com">.

Keenam , setelah itu , silakan memasukkan<a  href = " http://seowuss.blogspot.com " > kode sebelum kode tag HTML . Misalnya seperti di bawah ini .

<a href=" http://seowuss.blogspot.com "> <img src="" width = "220 px" height = "220 px" /> </ a >


Deskripsi :
Kode biru adalah alamat blog yang kita inginkan
Kode merah adalah url dari gambar yang telah di upload internet
Kode warna hijau adalah ukuran gambar yang akan ditampilkan

Ketujuh , setelah itu , kode Anda dapat menempatkan widget HTML / Javascript atau pada halaman blog anda .

Jika Anda telah melakukan langkah ketujuh , maka hasilnya akan terlihat seperti gambar di bawah ini . Jika Anda klik gambar di bawah ini , kemudian akan pergi ke homepage / halaman utama blog ini .

Jika Anda masih bingung atau kesulitan dalam praktek , Anda dapat menyalin seluruh kode dan jangan lupa kode berwarna biru , merah , dan hijau , Anda mengubah seperti yang Anda inginkan .

Demikian pula , pedoman prosedur untuk membuat link ke gambar yang saya dapat memberitahu Anda semua . Pada atensinya saya mengucapkan terima kasih . Selamat mencoba dan semoga berhasil .

Tidak ada komentar :

Posting Komentar