Click the above image for basic sourced and click following button for processing token source code.
Ethereum and EVM (ETC, BSC, AVAX-C-Chain, Polygon, etc).
Telegram Open Network (TON) decentralized application.
Solana decentralized application.
Tron decentralized application.
Near decentralized application.
Wax decentralized application.
Myalgo wallet for Algorand decentralized application.
Sync2 wallet for Vechain decentralized application.
Scatter wallet for EOS decentralized application.
Anchor Link wallet for EOS decentralized application.
Ontology decentralized application.
Rabbet wallet for Stellar Lumen decentralized application.
Freighter wallet for Stellar Lumen decentralized application.
Hive Signer for Hive decentralized application.
Hive Key Chain for Hive decentralized application.
Zilpay wallet for Zilliqa decentralized application.
Neoline wallet for Neo N2 decentralized application.
Neoline wallet for Neo N3 decentralized application.
Keplr wallet for Cosmos and other decentralized application.
Keeper wallet for Waves decentralized application.
IWallet for IOST decentralized application.
Ikon Hiperlink
Get 60 0FP0EXP Token to remove widget entirely!
Get 50000 0FP0EXP Token to remove my NFTS advertisements!
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).
Membuat Hyperlink
<!-- HTML generated using hilite.me -->
<div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #007700"><a</span> <span style="color: #0000CC">href=</span><span style="background-color: #fff0f0">""</span><span style="color: #007700">></a></span>
</pre></div>
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 .
<!-- HTML generated using hilite.me -->
<div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #007700"><a</span> <span style="color: #0000CC">href=</span><span style="background-color: #fff0f0">"https://twitter.com/0FajarPurnama0"</span><span style="color: #007700">></span>https://twitter.com/0FajarPurnama0<span style="color: #007700"></a></span>
</pre></div>
Kode hyperlink di atas memiliki tautan https://twitter.com/0FajarPurnama0 dan teks "ikuti saya di Twitter".
Memasukkan Gambar HTML
<!-- HTML generated using hilite.me -->
<div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #007700"><img</span> <span style="color: #0000CC">src=</span><span style="background-color: #fff0f0">""</span> <span style="color: #007700">/></span>
</pre></div>
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.
<!-- HTML generated using hilite.me -->
<div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #007700"><img</span> <span style="color: #0000CC">src=</span><span style="background-color: #fff0f0">"https://0fajarpurnama0.github.io/assets/images/icon/twitter.png"</span> <span style="color: #007700">/></span>
</pre></div>
Kode di atas sumber gambar dari https://0fajarpurnama0.github.io/assets/images/ ikon / twitter.png .
<!-- HTML generated using hilite.me -->
<div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #007700"><img</span> <span style="color: #0000CC">src=</span><span style="background-color: #fff0f0">"https://0fajarpurnama0.github.io/assets/images/icon/twitter.png"</span> <span style="color: #0000CC">onerror=</span><span style="background-color: #fff0f0">"this.onerror=null;this.src='https://404store.com/2020/02/10/twitter.png';"</span> <span style="color: #0000CC">alt=</span><span style="background-color: #fff0f0">"twitter icon which is a blue bird"</span><span style="color: #007700">/></span>
</pre></div>
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
<!-- HTML generated using hilite.me -->
<div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #007700"><a</span> <span style="color: #0000CC">href=</span><span style="background-color: #fff0f0">"https://twitter.com/0FajarPurnama0"</span><span style="color: #007700">><img</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">"myicon"</span> <span style="color: #0000CC">src=</span><span style="background-color: #fff0f0">"https://404store.com/2020/02/10/twitter.png"</span> <span style="color: #0000CC">onerror=</span><span style="background-color: #fff0f0">"this.onerror=null;this.src='https://0fajarpurnama0.github.io/assets/images/icon/twitter.png';"</span> <span style="color: #0000CC">alt=</span><span style="background-color: #fff0f0">"twitter"</span><span style="color: #007700">/></a></span>
</pre></div>
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
<figure>
<img width="100%" src="https://404store.com/2020/04/17/blogger-layout-social-media-icon-location.png" onerror="this.onerror=null;this.src='https://images.hive.blog/640x0/https://images.hive.blog/DQmby5vmdt5McEkxpHQQTDfz94Rm2bYrXBgeYX2QaBxCuYN/blogger-layout-social-media-icon-location.png';" alt="https://file.army/i/BY5jQQV" />
<figcaption><a href="https://0darkking0.blogspot.com">https://0darkking0.blogspot.com</a></figcaption>
</figure>
<h2>Mirror</h2>
<ul>
<li><a href="https://www.publish0x.com/0fajarpurnama0/hyperlink-icon-xjnykm?a=4oeEw0Yb0B&tid=hicc">https://www.publish0x.com/0fajarpurnama0/hyperlink-icon-xjnykm?a=4oeEw0Yb0B&tid=hicc</a></li>
<li><a href="https://0fajarpurnama0.github.io/internet/2020/04/17/hyperlink-icon">https://0fajarpurnama0.github.io/internet/2020/04/17/hyperlink-icon</a></li>
<li><a href="https://medium.com/@0fajarpurnama0/hyperlink-icon-7c2fbad9ce82">https://medium.com/@0fajarpurnama0/hyperlink-icon-7c2fbad9ce82</a></li>
<li><a href="https://hicc.cs.kumamoto-u.ac.jp/~fajar/internet/hyperlink-icon">https://hicc.cs.kumamoto-u.ac.jp/~fajar/internet/hyperlink-icon</a></li>
<li><a href="https://0fajarpurnama0.tumblr.com/post/614537946118455296/why-a-strong-password-is-needed">https://0fajarpurnama0.tumblr.com/post/614537946118455296/why-a-strong-password-is-needed</a></li>
<li><a href="https://0darkking0.blogspot.com/2020/04/hyperlink-icon.html">https://0darkking0.blogspot.com/2020/04/hyperlink-icon.html</a></li>
<li><a href="https://hive.blog/social-media/@fajar.purnama/hyperlink-icon?r=fajar.purnama">https://hive.blog/social-media/@fajar.purnama/hyperlink-icon?r=fajar.purnama</a></li>
<li><a href="https://0fajarpurnama0.cloudaccess.host/index.php/uncategorised/33-hyperlink-icon">https://0fajarpurnama0.cloudaccess.host/index.php/uncategorised/33-hyperlink-icon</a></li>
<li><a href="https://steemit.com/social-media/@fajar.purnama/hyperlink-icon?r=fajar.purnama">https://steemit.com/social-media/@fajar.purnama/hyperlink-icon?r=fajar.purnama</a></li>
<li><a href="http://0fajarpurnama0.weebly.com/blog/hyperlink-icon">http://0fajarpurnama0.weebly.com/blog/hyperlink-icon</a></li>
<li><a href="https://0fajarpurnama0.wixsite.com/0fajarpurnama0/post/hyperlink-icon">https://0fajarpurnama0.wixsite.com/0fajarpurnama0/post/hyperlink-icon</a></li>
<li><a href="http://www.teiii.cn/hyperlink-icon/">http://www.teiii.cn/hyperlink-icon/</a></li>
</ul>