Opacity: zIndex: Get 100 0FP0EXP Token to input your own list (json format) or insert json link:

Get 80 0FP0EXP Token to input your own list (json format) or insert json link:

My Playlist:

JSON Ready: Not Ready

Ready State:

Network State:

Name:

Album:

Reference:

Background Color

General HTML background color:

Header background color:

Menu background color:

Content background color:

Widget background color:

Footer background color:

Font Size

Get 150 0FP0EXP Token to unlock this feature.

Heading 1 font size:

Heading 2 font size:

Heading 3 font size:

Heading 4 font size:

Heading 5 font size:

Heading 6 font size:

Header font size:

Header Widget font size:

Menu font size:

Widget font size:

Footer font size:

Content font size:

Font Color

Get 200 0FP0EXP Token to unlock this feature.

Heading 1 font color:

Heading 2 font color:

Heading 3 font color:

Heading 4 font color:

Heading 5 font color:

Heading 6 font color:

Header font color:

Header Widget font color:

Menu font color:

Widget font color:

Footer font color:

Content font color:

Font Shadow

Get 250 0FP0EXP Token to unlock this feature.

Heading 1 font shadow:

Heading 2 font shadow:

Heading 3 font shadow:

Heading 4 font shadow:

Heading 5 font shadow:

Heading 6 font shadow:

Header font shadow:

Header Widget font shadow:

Menu font shadow:

Widget font shadow:

Footer font shadow:

Content font shadow:

Other Styles Coming Soon



Source Code

Click the above image for basic sourced and click following button for processing token source code.

Ethereum Virtual Machine

Ethereum and EVM (ETC, BSC, AVAX-C-Chain, Polygon, etc).

Solana

Solana decentralized application.

Tron

Tron decentralized application.

Near

Near decentralized application.

Wax

Wax decentralized application.

Myalgo

Myalgo wallet for Algorand decentralized application.

Sync2

Sync2 wallet for Vechain decentralized application.

Scatter

Scatter wallet for EOS decentralized application.

Ontology

Ontology decentralized application.

Rabbet

Rabbet wallet for Stellar Lumen decentralized application.

Freighter

Freighter wallet for Stellar Lumen decentralized application.

Hivesigner

Hive Signer for Hive decentralized application.

Hivekeychain

Hive Key Chain for Hive decentralized application.

Zilpay

Zilpay wallet for Zilliqa decentralized application.

Neoline N2

Neoline wallet for Neo N2 decentralized application.

Neoline N3

Neoline wallet for Neo N3 decentralized application.

Keplr

Keplr wallet for Cosmos and other decentralized application.

Keeper

Keeper wallet for Waves decentralized application.

IWallet

IWallet for IOST decentralized application.

Ikon Hiperlink

Get 60 0FP0EXP Token to remove widget entirely!

source code



source code
old source code

get any 0FP0EXP Token to automatically turn off or 10 0FP0EXP Token to remove this JavaScript Mining.

Get 50 0FP0EXP Token to remove my NFTS advertisements!

Get 40 0FP0EXP Token to remove this donation notification!

get 30 0FP0EXP Token to remove this paypal donation.

View My Stats

get 20 0FP0EXP Token to remove my personal ADS.

word number: 990

Time: 2024-02-27 10:06:03 +0000

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).

		<!-- 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">&lt;a</span> <span style="color: #0000CC">href=</span><span style="background-color: #fff0f0">&quot;&quot;</span><span style="color: #007700">&gt;&lt;/a&gt;</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">&lt;a</span> <span style="color: #0000CC">href=</span><span style="background-color: #fff0f0">&quot;https://twitter.com/0FajarPurnama0&quot;</span><span style="color: #007700">&gt;</span>https://twitter.com/0FajarPurnama0<span style="color: #007700">&lt;/a&gt;</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">&lt;img</span> <span style="color: #0000CC">src=</span><span style="background-color: #fff0f0">&quot;&quot;</span> <span style="color: #007700">/&gt;</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">&lt;img</span> <span style="color: #0000CC">src=</span><span style="background-color: #fff0f0">&quot;https://0fajarpurnama0.github.io/assets/images/icon/twitter.png&quot;</span> <span style="color: #007700">/&gt;</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">&lt;img</span> <span style="color: #0000CC">src=</span><span style="background-color: #fff0f0">&quot;https://0fajarpurnama0.github.io/assets/images/icon/twitter.png&quot;</span> <span style="color: #0000CC">onerror=</span><span style="background-color: #fff0f0">&quot;this.onerror=null;this.src=&#39;https://404store.com/2020/02/10/twitter.png&#39;;&quot;</span> <span style="color: #0000CC">alt=</span><span style="background-color: #fff0f0">&quot;twitter icon which is a blue bird&quot;</span><span style="color: #007700">/&gt;</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">&lt;a</span> <span style="color: #0000CC">href=</span><span style="background-color: #fff0f0">&quot;https://twitter.com/0FajarPurnama0&quot;</span><span style="color: #007700">&gt;&lt;img</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">&quot;myicon&quot;</span> <span style="color: #0000CC">src=</span><span style="background-color: #fff0f0">&quot;https://404store.com/2020/02/10/twitter.png&quot;</span> <span style="color: #0000CC">onerror=</span><span style="background-color: #fff0f0">&quot;this.onerror=null;this.src=&#39;https://0fajarpurnama0.github.io/assets/images/icon/twitter.png&#39;;&quot;</span> <span style="color: #0000CC">alt=</span><span style="background-color: #fff0f0">&quot;twitter&quot;</span><span style="color: #007700">/&gt;&lt;/a&gt;</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>