Cara Mengupload File SVG Untuk Gambar Header Blogger


Salah satu yang membuat blog anda menarik adalah dengan menampilkan gambar logo anda pada bagian header blogger. Logo adalah salah satu elemen yang sangat penting untuk memperkuat branding anda, logo juga di buat untuk dijadikan ciri khas dan pembeda dari masing-masing branding. Format dari gambar logo yang sering di gunakan biasanya dengan ekstensi .jpg dan .png.

Nah pada kesempatan kali ini admin akan membagikan cara untuk membuat gambar header blogger agar tidak pecah dengan menggunakan ekstensi gambar .svg.

Apa Itu SVG ?

SVG adalah singkatan dari Scalable Vector Graphics, format gambar yang menggunakan XML sebagai dasar untuk membentuk gambar vektor dua dimensi. SVG adalah format gambar yang dikembangkan oleh World Wide Web Consortium sejak tahun 1999. Sebuah gambar dengan format SVG disimpan dalam bentuk file XML. (Penjelasan dari situs Wikipedia)

Kelebihan Format SVG

Kelebihan menggunakan format svg adalah ketika anda perbesar/zoom gambar dengan format ini, gambar tidak akan pecah, inilah yang menjadikan format svg istimewa karena bisa menjaga kualitas resolusi gambar.


Cara Mengupload File SVG

  1. Buatlah logo blogger dengan format .svg menggunakan aplikasi vektor seperti Adobe Illustrator dll.
  2. Upload file svg tersebut di situs github.com.
Jika belum memiliki akun github, silahkan daftar terlebih dahulu, jika sudah memiliki akun github bisa langsung mengikuti cara selanjutnya untuk upload file svg di situs github.

Kenapa harus upload di github ?
Karena hosting penyimpanan di blogger.com tidak mendukung format foto svg, maka dari itu kita menggunakan hosting penyimpanan dari situs github.

Login ke akun gihub anda > Klik Tab Repositories, klik New > Isi nama yang anda inginkan > Selanjutnya klik Create Repository. 


Selanjutnya Masuk ke Repositories yang baru saja dibuat > Klik Add file > Upload files > Pilih file svg header blogger yang ingin di upload. Selesai.


Memasang File SVG Pada Header Blogger

Tahap terakhir adalah memasang file svg yang sudah di upload tersebut pada header blogger.
  1. Copy link address File SVG.
  2. Paste Link tersebut di > Statically.io.
  3. Copy Link hasil dari convert tersebut.
  4. Pastekan Link pada Konfigurasi Header Blogger(Masukan Url Gambar).
  5. Simpan, Selesai.
Tahap 1

Tahap 2 & 3 ( Copy Paste )


Tahap 4 (Selesai)

Posting Komentar

[ADS] Bottom Ads

Copyright © 2021

Abbox