Cara membuat link bergambar dengan html di hp android

link atau hiperlink adalah sebuah acuan dalam dokumen hiperteks ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan.

Ada beberapa cara (format) untuk menampilkan pranala pada halaman web. Sebuah embedded link (pranala yang tersimpan) adalah salah satu dari beberapa cara yang biasa digunakan: satu atau lebih dari kata-kata yang menggunakan tipe / gaya teks khusus. Sebuah pranala memiliki dua bagian, disebut jangkar (anchor), dan tujuan. Sebuah pranala dimulai pada jangkar sumber dan menunjuk pada jangkar tujuan.

Kebanyakan jangkar tujuan adalah URL yang digunakan pada Waring Wera Wanua. Ini dapat merujuk kepada sebuah dokumen, contohnya halaman web, atau sumber yang lain, atau sebuah posisi pada halaman web. Yang terakhir ini dilakukan melalui elemen HTML dengan atribut name atau id pada posisi dokumen HTML dokumen tersebut. URL posisi tersebut adalah URL halaman web dengan menambahkan "#nama atribut".

Link Behaviour di dalam penjelajah web Sunting

Sebuah penjelajah web biasanya ditampilkan sebuah pranala dengan cara yang berbeda, misalnya dengan perbedaan warna, huruf, atau gaya. Style dan behaviour pada pranala dapat dispesifikasikan menggunakan bahasa CSS (Cascading Style Sheet).

Ini merupakan grafis antarmuka pengguna, pemakaian sebuah kursor tetikus dapat juga diganti dengan bentuk tangan untuk menunjukkan bahwa itu adalah sebuah pranala. Pada secara grafis kebanyakan pada penjelajah web, pranala ditampilkan dengan menggunakan tulisan biru dengan garis bawah ketika tidak diklik, tetapi berubah menjadi tulisan bergaris bawah berwarna ungu ketika di klik. Ketika pengguna mengaktifkan link (seperti: meng-klik dengan mouse) penjelajah akan menampilkan tujuan dari pranala itu. Jika tujuan bukan sebuah berkas HTML, maka akan bergantung pada jenis berkas yang ada di penjelajah dan itu disebut dengan plugin-plugin. Program lain mungkin dapat diaktifkan untuk membuka berkas itu.

Kode HTML mengandung beberapa atau semua dari 5 karakteristik pokok dari sebuah Link:

Tujuan Link ("href" menunjukkan ke sebuah URL)

Label Link

Judul Link

Sasaran Link

Kelas Link atau ID Link

Ini biasanya menggunakan element HTML "a" dengan dilengkapi "href" dan juga karakter lain "title", "target", dan "class" atau "id".

<a href ="URL" title="judul link" target="sarasaran">Label Link</a>

Untuk membuat sebuah pranala ke dalam sebuah halaman situs dapat diambil bentuk ini:

Contoh Kode 

<a href="http://www.jejakdigit.com/">jejakdigit</a>

Hasil jejakdigit

Sedangkan untuk Link yang kompleks barisannya dikurangi. Ini berperan untuk kebersihan, sehingga mudah untuk membaca teks atau dokumen.

Ketika kursor berada (menunjuk) sebuah Link, tergantung pada penjelajah dan atau antarmuka pengguna grafis, beberapa informasi teks mengenai Link akan ditunjukkan:

Pops up, bukan pada jendela itu, tetapi ini adalah sebuah kotak khusus yang melayang, yang menghilang ketika kursor di geser. (Beberapa pops up juga menghilang setelah beberapa saat, dan kembali muncul jika kursor digerakkan pergi atau kembali). Internet Explorer (IE) dan Mozilla Firefox menunjukkan judul, Opera juga menunjukkan URL.

Sebagai tambahan, URL juga ditunjukkan pada status bar.

Umumnya, sebuah pranala akan membuka frame atau jendela sebelumnya, tetapi sebuah situs yang menggunakan frame dan jendela-banyak untuk navigasinya menambahkan sebuah karakter khusus "target" untuk menyepesifikasikan di mana pranala tersebut di bebankan. Jendela diberi nama sesuai dengan keinginan dan identifikasi itu mengacu pada sesi penjelajah sebelumnya. Jika pada jendela sebelumnya tidak cocok dengan nama itu, sebuah jendela baru akan dibuat dengan menggunakan ID.

Pembuatan jendela baru biasanya menggunakan karakter "target". Untuk mencegah penggunaan jendela yang berulang-ulang, sasaran jendela khusus dengan nama "_blank" dan "new", karakter ini akan selalu memunculkan jendela baru. Terutama untuk melihat tipe pranala ini adalah ketika suatu halaman website berputan pada halaman halaman lain. Tujuannya adalah untuk memastikan pengguna tidak kebingungan saat menjelajah pada situs yang telah dipautkan dengan situs lain. Terkadang karakter ini sering digunakan secara berlebihan sehingga dapat menyebabkan banyaknya jendela yang terbuat saat menjelajah pada sebuah situs.

Karakter untuk sasaran halaman khusus yang lain adalah "_top", ini adalah karakter frame yang berguna untuk menghapus jendela lama sehingga penjelajahan dapat dilanjutkan dengan jendela yang penuh. untuk membuat Link bergambar siapkan gambar sesuai dengan ukuran misalkan 250x300 setelah itu kita masuk ke blogger dan pilih entri baru lalu pilih compos dan upload gambar tadi yang sudah kita siapkan. setelah selsai kita pindah mode dari compos ke html nanti akan terlihat seperti ini:

Lalu ganti ke mode html dan nanti akan terlihat kode script seperti dibawah ini:

Lalu kita salin kodenya dan simpan di papan klip board setelah itu kita ganti kode target yang berwarna merah diganti dengan link target tujuan misalkan seperti ini:

l<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-6gEZU0pwqFw/X15T85W_SCI/AAAAAAAAEjE/8OG4LYYO1ogqoSl5pHqHGDkIyeTlLWUAACLcBGAsYHQ/s1600/IMG_20200911_230658.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="128" data-original-width="340" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGt3En0rFeioeSdjL-85MQ2Mi6o0zcEGCtpIuvynOTPlOiHd2wD5ukDDURsGmfQFx2mqTMs6xUcg2WtFvyfRrjunh8xKfvhTpr81e5Uc0cNsVFZ4hwFeGw9v-BTnWbW1uiIzT_m3ly0k8/s320/IMG_20200911_230658.jpg" width="320" /></a></div>

Setelah selesai kita simpan terlebih dahulu supaya tidak hilang. Nanti hasilnya akan seperti dibawah ini:

Nah..jika gambar tersebut diklik nanti akan menuju ke website yang di inginkan..

2. Cara yang kedua tombol klik misalkan seperti dibawah ini:

click me

Jika tombol di klik maka akan langsung menuju ke url yang ditarget. Untuk membuat link seperti itu caranya masuk ke
1. blogger lalu pilih
2. setelan dan
3. pilih tema
4. Lalu Edit html
cari kode berikut ]]</b:skin> lalu salin kode dibawah ini dan letakan tepat di atasnya.

la.btn {display:inline-block;position:relative;font-family:inherit;text-decoration:none;font-weight:700;background:#0fb433;letter-spacing:.5px;padding:10px 10px;margin:10px;color:#fff;font-size:16px;text-transform:uppercase;border-radius:4px;transition:all 0.3s ease-out;box-shadow: 0px 4px 6px #6e6e6e;}
a.btn:hover {background:rgb(18, 171, 241);;color:#fff;
a.btn:active {color:#EF5223;
a.btn.warn {background:#EF5223;color:#fff
a.btn.warn:hover {background:#30abd5;color:#fff
a.btn.warn:active {background:#EF5223;color:#fff}}}}}

Setelah selesai simpan tema dan kembali ke beranda dan buat entri baru atau postingan baru dan salin kode dibawah ini lalu paste di artikel.

   <<a class="btn" href="https://www.jejakdigit.com" rel="nofollow" target="_blank">click me</a>

Ganti url yang berwarna merah dengan URL target yang dituju.

3. Kalau cara yang ini lebih simpel dan mudah kalian hanya perlu url target yang dituju dan
Buat entri baru lalu klik link tepat sebelah gambar dan video. lihat gambar dibawah ini:

Tambahkan alamat url yang ditarget seperti dibawah ini:

Jika sudah selesai lalu klik ok dan simpan. itulah beberapa tips cara membuat link bergambar dan link tidak bergambar, semoga artikel ini bermanfaat buat sobat blogger yang masih awam dan baru mengenal dunia per-bloggeran. Sebenarnya masih banyak cara lainnya tapi untuk sementara hanya ini saja dulu.

Share this post