For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Membuat link custom external menggunakan icon SVG

Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat link external dan internal custom di blogger

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Link custom

Apakah yang di maksud dengan link di blogger? link adalah url, sedangkan di dunia website link selalu di sematkan bersamaan dengan text semisal ICloudice.com di dalam text ICloudice.com tercantum sebuah link https://www.icloudice.com, dan itulah contoh sebuah link, lalu apakah yag di maksud degan link custom? link custom adalah link yang di modifikasi dalam tampilan lainnya tanpa mengubah fungsi dari pada link itu sendiri, sampai sini mengerti ya

Link external blogger

Untuk membahas mengenai link seperti nya jangan setengah-setengah sekalian aja admin bahas mengenai link external, apa itu link external di blogger? link external merupakan sebuah link yang mengalihkan si pengklik ke halaman web lainnya, semisal admin lagi membahas mengenai sutus adsense maka admin akan membuat link external yang akan mengalihkan si pengklik ke website nya adsense, secara simple nya link external adalah sebuah url yang akan mengarahkan si pengguna ke luar dari website kita

Link Internal Blogger

Sedangakan pengertian dari pada link internal adalah kebalikan dari pengertian link external yang sudah saya jelaskan sebelumnya, atau secara simple nya link internal adalah sebuah link yang akan mengarahkan si pengklik ke halaman lainnya pada web kita

Contoh tampilan

Jika kamu penasaran dengan contoh tampilan dari link custom yang sedang admin bahas di sini, kamu bisa memeriksanya menggunakan tombol di bawah ini

Info: Bagaimana sobat dengan contoh tampilannya keren sekali kan

Cara pembuatan

Baiklah sekarang saatnya admin bakalan membahas mengenai bagaimana kah caranya membuat link custom di blogger, perhatian setiap langkah langkah yang admin berikan di bawah ini

Kode CSS

Seperti biasanya kamu bisa langsung menyalin dan meletakkan kode CSS di bawah ini, kemudian kamu bisa meletakkannya di atas kode ]]></b:skin>

a.rahlink:after{content:'';width:12px;height:12px;display:inline-block;margin-left:3px;margin-bottom:-1px;background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f80000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>") center / 15px no-repeat}
.dark-mode a.rahlink:after{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>") center / 15px no-repeat}

Info: Atau kamu bisa menggunakan tag kode <style> untuk meletakkan kode CSS di atas

Cara penggunaan

Untuk menampilkan link custom tersebut kamu bisa menambahkan class rahlink setalah tag a dalam penulisan HTML, atau jika masih bingung silahkan lihat kode lengkapnya seperti contoh di bawah ini

<a class='rahlink' href='link_sobat'>Judul link</a>

Info: Sobat bisa menggunakan class rahlink pada setiap ingin menampilkan link di dalam website sobat

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.