Lesson List

Pembuka?

Merupakan informasi yang berkaitan dengan isi dari materi yang akan dipelajari

Persiapan?

Menjelaskan tentang persiapan yang harus Anda lakukan sebelum mempraktekan semua materi yang ada.

Pengenalan CodeIgniter 4?

Materi yang wajib Anda kerjakan dan pahami, semua materi-materi berikutnya akan mengacu pada projek ini.

Bootstrap dan Font Awesome?

Penggunaan Bootstrap dan Font Awesome untuk mempercepat dan mempercantik desain website.

Pelengkap AGC?

Membahas cara membuat dan atau menggunakan script siap pakai untuk keperluan pembuatan web AGC kita nantinya.

AGC Hotel dengan File JSON?

Membahas tentang cara memanfaat data hotel dari Agoda.com untuk dijadikan sebagai sumber data Web AGC dalam format JSON.

AGC Hotel dengan Database?

Membahas tentang cara memanfaatkan data hotel dari Agoda.com untuk dijadikan sebagai sumber data Web AGC dalam format Database.

PHP To HTML Converter?

Membahas cara membuat tools untuk melakukan konversi Web AGC yang dibuat menggunakan bahasa pemroraman PHP agar menjadi halaman web HTML.

Jutaan Data Produk Siap Pakai?

Berisi link daftar produk siap pakai, tidak perlu scrape lagi.

Dasar-Dasar Web Scraping?

Topik ini membahas tentang cara mengumpulkan data dengan teknik web scraping.

Web AGC dengan Teknik Web Scraping

Go to Course Home
Membuat Icon dengan Font Awesome

Membuat Icon dengan Font Awesome

Sering kali kita ingin menampilkan icon untuk melengkapi dan mempercantik tampilan konten website, untuk keperluan tersebut kita dapat menggunakan Font Awesome.

Pada panduan ini kita akan menggunakan Font Awesome versi 3.2.1 yang bisa Anda download dan gunakan secara gratis, bahkan untuk keperluan komersial sekalipun.

Silahkan download melalui situs resminya di:

https://fontawesome.com/v3.2.1

Setelah proses download selesai, ekstrak dan letakkan hasilnya pada folder public projek Anda, untuk lebih jelasnya perhatikan gambar berikut:

Kemudian tambahkan baris kode berikut di antara tag <head> dan </head> pada View dengan nama file index.php

<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">

Untuk melihat daftar icon yang dapat digunakan, silahkan kunjungi situs:

https://fontawesome.com/v3.2.1/icons.

Untuk menggunakan icon silahkan klik salah satu icon yang Anda ingin gunakan. Berikut adalah contoh jika Anda akan menggunakan icon-map-marker

Tambahkan baris kode berikut di antara tag <body> dan </body> dalam View index:

<i class="icon-map-marker"></i> Contoh penggunaan Font Awesome

Jika sudah selesai simpan perubahannya dan kemudian lihatlah hasilnya.

Jika muncul icon “map marker” seperti gambar di atas maka itu menandakan bahwa Font Awesome sudah dapat digunakan pada web projek Anda.

 

← Previous Next →