Saya pertama kali tau singkatan "K" ini sekitar 5 tahun lalu dan saya kira datang dari bahasa gaul dan ternyata ada sejarahnya yaitu berasal dari bahasa Yunani 'chilioi' yang berarti ribuan. 10K, 200K, 50K itu adalah angka-angka yang kerap kali ditemui ketika berbelanja. Tahukah Anda apa arti satuan 'K' di belakang angka tersebut? Huruf 'K' menjadi penting karena huruf itu merupakan pengganti ribu saat menyebutkan harga atau jumlah. Lalu, kenapa 'K' bisa mempunyai arti tersebut? Usut punya usut, Dikutip dari laman Merriam-Webster, satuan 'K' memiliki kepanjangan kilo. Kilo digunakan sebagai unit pengukuran dalam Sistem Satuan Internasional atau SI (Système international d'unités). Misalnya dalam mengukur jarak, 1 kilometer sama dengan 1.000 meter. Sedangkan untuk mengukur berat, 1 kilogram sama dengan 1.000 gram. Kata kilo berasal dari bahasa Yunani 'chilioi' yang berarti ribuan, digunakan untuk menyatakan banyak atau jamak.
Dalam memodifikasi Template Blogger atau kebutuhan lain akan icon dengan format keinginan kita seperti svg, png, maupun unicode, bisa kita dapatkan dengan mencarinya di situs www.iconmonstr.com dengan 4512+ icon gratis saat ini dari 316 koleksi mereka, misal ingin icon whatsapp maka ketik saja pada kotak pencariannya, jika ada akan langsung muncul berbagai pilihan model dan bentuk tebal/tipis terang/gelap lalu pilih salah satu kemudian memilih format yang diinginkan dan selanjutnya conteng izin lalu download atau salin kode embednya untuk di pasang di blog/situs kita.
Hanya saja jaman sekarang dimana kecepatan blog/situs menjadi prioritas utama, mungkin format png sudah jarang dipakai begitu juga font-awesome karena pemasangannya memakai javascript/stylesheet yang sedikit banyaknya akan menambah beban loading blog karena menggunakan tautan external dari luar situs/blog kita namun meski begitu font-awesome memang masih paling sering digunakan. Font-awesome versi terbaru baca di Cara Menampilkan Berbagai Jenis Icon dengan Font Awesome
Namun satu2nya pilihan jika ingin pakai icon ringan adalah memilih format svg yang juga tersedia di situs iconmonster tersebut, selain itu svg ini juga merupakan rekomendasi dari situs w3school untuk digunakan karena selain ringan juga kualitasnya tetap bagus di tampilan layar apapun dan dapat diubah2 warna dan ukurannya melalui css sesuai selera kita.
Contoh, ini svg icon hamburger/menu.
<svg class='hamburger-menu' width='24' height='24' viewBox='0 0 24 24'><path d='M4 22h-4v-4h4v4zm0-12h-4v4h4v-4zm0-8h-4v4h4v-4zm3 0v4h17v-4h-17zm0 12h17v-4h-17v4zm0 8h17v-4h-17v4z'/></svg>
Nah tuh class='hamburger-menu'. Tinggal bikin aja css nya seperti berikut, misal.
.hamburger-menu{
fill:merah;
margin:0;
padding:0
}
"Fill" warna untuk iconnya, bisa diganti jadi biru dll.
Untuk icon svg sosial media, seperti facebook, whatsapp, twitter, dll ada di postingan ini Cara Membuat Tombol Share Sosial Media
Kapan-kapan coba pakai ah, barangkali nanti di perlukan untuk editing foto, he-he ☺
BalasHapusbermanfaat ....
BalasHapusthank you for sharing
Wah terimakasih infonya kak, sangat membantu
BalasHapusMas Jaeyyyyy .., itu apik widgetnya ..., tapi ku nyerah cara masangnya, wwkkk..
BalasHapusTerimakasih atas turorialnya
BalasHapusSaya jadi pengen mencobanya
Mantul, SVG itu ringan namun tetap kalah indah sama font awesome yang rupawan. Selamat hari raya idulfitri...
BalasHapusHaloo kang, menarik nih. Icon icon seperti ini sangat dibutuhkan, kan.. :D
BalasHapus