Cara Instal Stamp-Icons Font di Blog

15:31:00
  
Cara Instal Stamp-Icons Font di Blog- Seringkali saat kita ingin menampilkan suatu cuplikan informasi membutuhkan Icon sebagai media visual untuk menunjukan gambaran mengenai apa yang sebenarnya ingin kita sampaikan. Seperti misalnya pada halaman muka situs ini.

Dulu, kita biasa menggunakan gambar mini sebagai icon tersebut. Namun sekarang para blogger cenderung lebih memilih untuk menggunakan Font Icon sebagai icon-icon di blognya dengan harapan halaman lebih ringan saat dimuat browser.

Sejauh ini umumnya bloger menggunakan FontAwesome untuk melengkapi kebutuhan icon di situs mereka, dan anda bisa mengunjungi halaman ini   untuk melihat seperti apa detail dari FontAwesome tersebut.

Namun disini kita tidak akan membahas FontAwesome melainkan icon dari Stamp-Icons font yang memiliki icon berbeda dengan FontAwesome.

Sebenarnya tidak sedikit webmaster yang sudah menggunakan font jenis ini, namun jarang digunakan oleh bloger lokal Indonesia yang kebanyakan lebih memilih FontAwesome sebagai partner iconicnya.

Perbedaan yang sangat mencolok adalah dari segi desain Stamp-Icons yang cenderung lebih tajam dan tipis, Anda bisa melihat bagaimana bentuk dari icon Stamp-Icons dengan mengakses halaman ini.

Lalu bagaimana cara menginstalnya ?

Cara Instal Stamp-Icons Font di Blog dengan langkah yang sangat mudah


Pertama instal Css fonts packnya dengan meletakkan kode dibawah di dalam area <head>

<link href='https://googledrive.com/host/0B7E9sIa0c77UWEl5X29YU1dKMTg/stamp-icons.css' rel='stylesheet' type='text/css'/>
Kemudian simpan template.

Untuk memanggil icon yang di inginkan, kita perlu membuat DOM seperti ini

<div class="icon"/>
Kode diatas adalah markup dasar untuk pemanggilan icon yang akan kita aplikasikan ke dalam objek yang kita tunjuk. Kemudian kita perlu memberi nilai spesifik pada class masing-masing icon dengan meletakkan class setiap icon setelah code icon seperti ini

<div class="icon icon-social-blogger"/>
Maka akan muncul icon

Anda perlu membuka list dari stamp-icons font untuk melihat class dari setiap iconnya .


List Icon



List lengkap Stamp-Icons Font

Dan perlu diingat jika memang anda masih pemula, untuk memanggil icon yang di inginkan hanyalah membuat markup sederhana dengan berfokus pada penggunaan Class ICON dan Class spesifik dari setiap icon, sementara untuk kode markup nya terserah.

Dan hal yang perlu disadari sebelum memulai menggunakan font icon, pada umumnya font icon seperti FontAwesome dan sejenisnya tidak support untuk browser mobile seperti UC browser (mini) dan Opera Mini.
Cara Instal Stamp-Icons Font di Blog

: CS Team Tentang Kami Portfolio Kontak

CS Team adalah sebuah tim yang berfokus bekerja pada Blogger Design untuk meningkatkan pengalaman pada pengguna Website/ Blog berbasis Blogger.
Terimakasih telah membaca Cara Instal Stamp-Icons Font di Blog diatas dan semoga bermanfaat.

Mau bantu share artikel diatas ... ?

Related Posts

Previous
Next Post »

Silahkan tanyakan apa yang ingin anda tanyakan dengan bahasa yang mudah dimengerti .
EmoticonEmoticon