Cara Menambahkan Ikon Link GitHub di Blogger

 Jika kalian pengguna blogger, biasanya ada ada template yang menyediakan ikon sosial media untuk mengarahkan ke link yang kita inginkan. Misalnya facebook, twitter maupun akun media sosial lainnya.

Namun ada beberapa template yang tidak menyediakan ikon GitHub sebagai bawaan defaultnya, salah satunya adalah template VioMagz yang dibuat oleh Mas Sugeng seperti yang saya gunakan ini.

Namun ngga perlu khawatir, saya akan coba memberi solusinya.

Caranya cukup mudah, kalian hanya perlu menambahkan beberapa script kedalam templatenya. Jika kalian mempunyai akun GitHub, saya rasa kalian sudah familiar dengan script maupun cara memasangnya serta cara menyesuaikan dengan template yang kalian gunakan.

Cara Menambahkan Ikon Link GitHub di Blogger (Template VioMagz Mas Sugeng)

1. Buka editor HTML pada halaman Tema Blogger kalian
2. Lalu cari tempat untuk kalian menempatkan logo GitHub
3. Lalu paste script dibawah ini
   
   
   <a aria-label='github' class='gt-s' href='https://github.com/adefathudin' rel='noopener nofollow' target='_blank'>
   <svg viewBox='0 0 24 24'>
   <path d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/>
   </svg>       
   </a>
   
    
   
4. Kalian hanya perlu mengganti link yang saya beri warna merah serta menyesuaikan tampilannya sesuai selera kalian
5. Lalu save dan reload tampilan blogger kalian.
   

 

 

 

Note: Seperti yang sudah bilang, saya asumsikan jika kalian mempunyai akun GitHub, kalian pasti sudah familiar dengan script HTML seperti diatas. Jadi saya tidak perlu menjelaskan lebih detail. 

Jika ada pertanyaan atau sharing, silahkan tinggalkan komentar dibawah.

Lokasi:

Berbagi :