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
