Tampilkan postingan dengan label svg. Tampilkan semua postingan
Tampilkan postingan dengan label svg. Tampilkan semua postingan

Cara Mudah Menggunakan Font Awesome di Google Blogger

19 April 2014
Salah satu cara mudah mempercantik blog adalah dengan menambahkan ikon pada elemen-elemen tertentu dari tampilan desainnya. Ikon-ikon ini umumnya berukuran kecil (mulai dari yang berukuran 16 piksel hingga 512 piksel) dengan format PNG atau GIF. Di internet, ikon-ikon ini dengan mudah dapat kita peroleh secara cuma-cuma.

Selain berformat PNG atau GIF, kita dapat pula menggunakan ikon dengan format SVG (Scalable Vector Graphic) yang biasanya dipaketkan menjadi sejenis font, tidak jauh berbeda dengan jenis huruf Arial atau Georgia yang biasa kita gunakan untuk memormat teks di aplikasi pengolah kata seperti Office Word.

Salah satu kelebihan penggunaan ikon berjenis font ini pada desain web atau blog adalah fleksibilitasnya yang dapat mengikuti ukuran huruf lainnya seperti yang didefiniskan pada dokumen CSS menggunakan properti font-size. Ini tentu berbeda dengan ikon berformat PNG atau GIF yang akan tampak pecah jika ukuran lebar atau tingginya diperbesar beberapa kali.

Selain fleksibilitas ukuran, ikon jenis font ini dapat dimodifikasi lebih lanjut dengan bantuan CSS, seperti mengubah warna serta memberinya bayangan (drop shadow). Jadi, kita tidak perlu repot memodifikasi ikon-ikon tersebut dengan Photoshop atau Adobe Illustrator untuk disesuaikan dengan kebutuhan. Kita hanya perlu menyunting properti-properti CSS yang berhubungan dengan ikon bersangkutan.