Skip to content

wiklapandu/wiklapandu.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Link shourtcut template

Definisi

Ini adalah web untuk membuat link, silahkan mencobanya.

Documentation

Change Profile

Untuk merubah profile tambahkan foto anda di folder img.

Configurasi pada file index.html dan cari kode seperti dibawah ini.

<script>
        // * img position
        const position = './img/profile.jpg';

        // ! Don't change this line
        $(document).ready(() => {
            $('#profile img').attr('src', position);
        });
</script>

ubah pada bagian ini.

const position = './img/profile.jpg'

menjadi posisi path file anda, contoh.

const position = './img/namaFileAnda.jpg'

Add Links

Buka file index.html kemudian cari code.

// list links
        const links = [
            {
                url: 'https://github.com/wiklapandu', // * tujuan url
                icon: 'fab fa-github', // * icon yang dipakai di fontawasome
                text: 'Github', // * yang ditulis untuk link
            },
            {
                url: 'https://www.linkedin.com/in/wiklapandu',
                icon: 'fab fa-linkedin',
                text: 'LinkedIn',
            },
            {
                url: 'https://wiklapandu.medium.com/',
                icon: 'fab fa-medium',
                text: 'Medium',
            },
            {
                url: 'https://www.instagram.com/_wiklapandu/',
                icon: 'fab fa-instagram',
                text: 'Instagram',
            },
        ];

hapus code menjadi :

const links = [
            {
                url: 'https://github.com/wiklapandu', // * tujuan url
                icon: 'fab fa-github', // * icon yang dipakai di fontawasome
                text: 'Github', // * yang ditulis untuk link
            },
        ];

Keterangan

  • Url isikan dengan url yang ingin dituju (sosial media).
  • Icon isikan dengan class icon pada fontawesome.
  • Text berisi tulisan string yang ingin dilihatkan pada user (facebook,website,ig, dll). anda hanya boleh merubah dalam array saja sesuaikan format object nya.
{
    url: 'https://alamatYangDituju',
    icon: 'class icon pada fontawesome',
    text: 'string yang ingin ditulis',
}

Follow me at


See also

Rules

Copyright Wikla 2021, repo and everything in this repo is made by wikla 2021. The MIT LICENSE