Langsung ke konten utama

Ikon Hiperlink

https://file.army/i/BY5jkKo
https://0darkking0.blogspot.com

Deskripsi

Ikon hyperlink adalah ikon yang diterapkan dengan hyperlink. Ketika ikon diklik, clicker akan membuka tautan yang ditunjuk oleh pencipta ikon hyperlink. Tujuannya menurut saya adalah untuk memperindah dan menyederhanakan tautan di mana ada ungkapan bahwa satu gambar dapat berarti seribu kata . Dalam hal ini, ikon adalah gambar yang sangat kecil yang saya lihat tidak lebih besar dari 100 piksel (px). Saya melihat ikon hyperlink sebagian besar digunakan untuk menghubungkan profil media sosial pencipta. Mana yang Anda sukai, tautan teks atau ikon hyperlink atau keduanya?

Tergantung pada konteksnya. Jika Anda hanya ingin hyperlink bagian teks Anda, maka cukup hyperlink teks. Jika Anda ingin itu menjadi bagian dari tata letak halaman web secara permanen, maka hanya ikon hyperlink yang terbaik karena itu kecil yang menghemat ruang tetapi masih memberikan informasi yang cukup untuk dipahami oleh audiens dan tambahan, ikon biasanya mempercantik halaman web. Jika platform atau ikonnya diketahui, maka memiliki teks hyperlink dan ikon lebih baik untuk mempromosikannya.

Membuat Ikon Hyperlink

Ada dua pengetahuan yang Anda butuhkan untuk membuat ikon hyperlink. Pertama adalah membuat hyperlink. Kedua adalah menyisipkan gambar. Selain itu, yang ketiga mempercantik tetapi bagi saya hanya mengetahui cara mengonfigurasi ukuran tetapi ada lebih banyak seperti menangani bantalan dan margin jika Anda ingin masuk lebih dalam.

Jika Anda menggunakan editor html di mana sebagian besar tersedia di sebagian besar platform pengeposan, maka Anda tidak perlu lakukan banyak. Namun, jika Anda mengedit tata letak blog atau situs web, maka Anda mungkin perlu mempelajari beberapa kode. Bahasa markup hypertext dasar (HTML) masih digunakan terutama meskipun ada bahasa lain seperti penurunan harga (MD). 

<a href=""></a>

Kode di atas adalah kode kerangka untuk membuat hyperlink dalam html. Tag "a" biasanya dikaitkan dengan tautan, tautan diletakkan di dalam href = "", dan teks diletakkan di dalam a href = "" (di sini) a . 

<a href="https://twitter.com/0FajarPurnama0">https://twitter.com/0FajarPurnama0</a>

Kode hyperlink di atas memiliki tautan https://twitter.com/0FajarPurnama0 dan teks "ikuti saya di Twitter".

Memasukkan Gambar HTML 

<img src="" />

Kode di atas adalah kode kerangka untuk membuat gambar dalam html. Tag "img" biasanya dikaitkan dengan gambar, dan lokasi sumber gambar diletakkan di dalam src = "". Sumber gambar harus berupa gambar sebenarnya di mana biasanya diidentifikasi dengan memiliki format seperti .png .jpg .svg di akhir tautan atau ketika Anda mencoba mengunduh tautan, Anda akan mendapatkan file gambar. 

<img src="https://0fajarpurnama0.github.io/assets/images/icon/twitter.png" />

Kode di atas sumber gambar dari https://0fajarpurnama0.github.io/assets/images/ ikon / twitter.png . 

<img src="https://0fajarpurnama0.github.io/assets/images/icon/twitter.png" onerror="this.onerror=null;this.src='https://404store.com/2020/02/10/twitter.png';" alt="twitter icon which is a blue bird"/>

Kode html gambar di atas memiliki atribut tambahan yang "onerror" yang merupakan kode JavaScript yang menunjukkan sumber gambar sekunder jika sumber gambar utama rusak dan "alt" yang merupakan teks yang menggantikan tampilan gambar dari sumber gambar rusak.

Mengganti Teks Hyperlink dengan Ikon 

<a href="https://twitter.com/0FajarPurnama0"><img class="myicon" src="https://404store.com/2020/02/10/twitter.png" onerror="this.onerror=null;this.src='https://0fajarpurnama0.github.io/assets/images/icon/twitter.png';" alt="twitter"/></a>

Akhirnya memiliki ikon hyperlink adalah mengganti teks dalam kode teks hyperlink dengan kode html gambar. Untuk menambahkan teks tambahan, Anda dapat menambahkan teks sebelum atau setelah kode html gambar. Selain itu, Anda dapat menyesuaikan ukuran ikon dengan menambahkan misalnya width = "30" dan height = "30" pada kode html gambar, tetapi praktik terbaik adalah mengubah ukuran ikon gambar itu sendiri untuk mengurangi beban jaringan. Jika Anda ingin lebih dalam, Anda dapat menghias ikon hyperlink dengan gaya css.

Ikon lokasi

Terserah Anda apakah Anda ingin meletakkannya di header, footer, atau sidebar. Jika Anda berada di situs web Anda sendiri, Anda tahu apa yang harus dilakukan, tetapi jika Anda berada di platform blogging kemudian temukan opsi tata letak dan temukan cara untuk memasukkan html dan css. Jika Anda berada di platform hanya posting, maka cukup letakkan ikon di atas atau bawah posting. Jika Anda ingin melihat koleksi ikon saya, Anda mengunjungi tautan

https://file.army/i/BY5jQQV
https://0darkking0.blogspot.com

Sumber

https://0darkking0.blogspot.com/2020/04/hyperlink-icon.html
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Proses penyaluran dan pengolahan air limbah DSDP

Denpasar Sewerage Development Project (DSDP) adalah proyek pembangunan jaringan limbah cair untuk kota Denpasar. Studi kelayakan proyek ini mulai dibuat sejak tahun 1993, Detail Engineering Design mulai dibuat tahun 1997 dan masa konstruksi (Phase I) mulai tahun 2003 dan rampung tahun 2008. Wilayah yang sudah dikerjakan adalah Kota Denpasar, Sanur dan Kuta (Seminyak dan Legian). Pemerintah mendorong para pengusaha hotel dan restoran serta penduduk khususnya di kawasan Denpasar, Sanur, dan Kuta untuk memanfaatkan layanan DSDP. Hal tersebut dilatari pemikiran para pengusaha tersebut memiliki kesadaran dan kepentingan yang tinggi terhadap fasilitas sanitasi limbah cair yang baik . Rumah-rumah penduduk, hotel-hotel serta restoran yang telah menyetujui untuk menggunakan layanan DSDP, akan dipasangkan houseinlet oleh petugas DSDP. Setelah terkumpul di house inlet, air limbah tersebut akan mengalir ke mainhole yang telah disediakan. Selanjutnya, air limbah mengalir ke pumping station da...
2 komentar
Baca selengkapnya

Macam-macam Pintu Air

Air merupakan sumber kehidupan. Segala aktivitas, khususnya aktivitas manusia seperti aktivitas industri, pengairan, keperluan untuk rumah tangga, dan keperluan lainnya sangat memerlukan air. Oleh karena itu, perlu dilakukan upaya-upaya untuk mengatur dan meningkatkann daya guna (efisiensi) air yang mengalir di permukaan tanah. Meningkatkan daya guna air dapat dilakukan dengan membuat bendungan pengendali banjir atau membuat sistem irigasi yang baik. Pada bendungan-bendungan yang sudah ada, digunakan pintu air untuk mengatur banyaknya air dalam bedungan itu. Pintu air merupakan bangunan penunjang pada suatu bendungan irigasi dan bendungan pengendali banjir. Umumnya pintu air digunakan untuk mengontrol aliran air di reservoir, sungai dan pada sistem tanggul. pintu yang dapat diatur  yang digunakan untuk mengatur air di bendungan, sungai, maupun tanggul sungai. Alat ini juga dapat didesain untuk spillway  pada bendungan, mengatur laju aliran pada saluran, atau dapat juga ...
5 komentar
Baca selengkapnya

Mata Uang Kripto 101: BAB 1 Kebebasan Finansial dan Kekayaan

Daftar Isi Mata Uang Digital Blockchain Sistem Terdistribusi Desentralisasi Terbuka dan Transparan Tidak Bisa Disita Tanpa Batas Ruang Tidak Bisa Disensor Pseudoanonymous Bitcoin terhadap koin lain Alternative Coins Blockchain Pemerintah dan Privat Lainnya Hubungan Terhadap Kehidupan Kita Nilai Finansial Kebebasan Finansial Mata Uang Digital Berkat perkembangan teknologi informasi dan komunikasi, mata uang dapat dibuat secara digital dan online. Digital berarti mata uang dapat diimplementasikan di komputer yang prosesnya bisa otomatis dan cepat. Online berarti mata uang dapat digunakan di Internet yang memungkinkan transaksi dan penggunaan lain dari mana saja di dunia kapan saja dengan santai. Saat ini, mata uang digital digunakan u...
Posting Komentar
Baca selengkapnya