Icon .SVG ( scalable vector graphics ) merupakan gambar yang di simpan menggunakan format XML ( eXtensible markup language ) sebagai pondasi untuk membuat pola gambar dalam bentuk vektor 2D.
Format gambar .svg yang di kembangkan oleh W3C ( word wide web ) sejak 1999 telah memulai membuat format gambar svg.
File yang di simpan dalam bentuk .xml berarti dapat terindex dalam mesin pencarian karena format ini menggunakan bahasa pemrograman dan kompres kode dan bisa di gunakan dengan format text apa saja.
Dukungan untuk di gunakan hampir di berbagai browser terkenal maka file yang berbasis .xml ini sangatlah ringan di banding font awesome yang menggunakan server penyimpanan.
Ini cara memasang atau menambahkan ikon svg di menu dan posting blogger :
1. Buka dasboard blogger
2. Tekan keyboard ctrl + A
3. Letakan kode di bawah ini di atas ]]></b:skin> atau </style>
Sesuaikan angka -5px dengan tinggi menu anda.
4. Kemudian rubah menu anda dengan copy dan paste kode di bawah ini
Format gambar .svg yang di kembangkan oleh W3C ( word wide web ) sejak 1999 telah memulai membuat format gambar svg.
File yang di simpan dalam bentuk .xml berarti dapat terindex dalam mesin pencarian karena format ini menggunakan bahasa pemrograman dan kompres kode dan bisa di gunakan dengan format text apa saja.
Dukungan untuk di gunakan hampir di berbagai browser terkenal maka file yang berbasis .xml ini sangatlah ringan di banding font awesome yang menggunakan server penyimpanan.
Ini cara memasang atau menambahkan ikon svg di menu dan posting blogger :
1. Buka dasboard blogger
2. Tekan keyboard ctrl + A
3. Letakan kode di bawah ini di atas ]]></b:skin> atau </style>
.sastracodesvg{vertical-align:-5px}Sesuaikan angka -5px dengan tinggi menu anda.
4. Kemudian rubah menu anda dengan copy dan paste kode di bawah ini
<a href='Url-menu' title='Ketrangan-Menu'><svg class='sastracodesvg' height='24' viewBox='0 0 24 24' width='24'><title>Keterangan-menu</title><path d='M9,2V8H11V11H5C3.89,11 3,11.89 3,13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21V13C21,11.89 20.11,11 19,11H13V8H15V2H9Z' fill='#fff'/></svg><span> Keterangan-menu</span></a>
5. Save template blogger anda
Situs resmi mendapatkan kode mendapatkan kode SVG silahkan di Material Design Icons
Jika anda sudah berada di situs material design icons lakukan ini untuk mendapatkan kode icon
Demikian tentang cara menambahkan icon svg pada menu blogger, semoga bermanfaat.
0 Post a Comment
Terimakasih kunjungan anda Sastracode