Cara Membuat Social Icon Pada Bootstrap

21/08/2014    Rully Febrian    2900     Website

Hallo teman-teman masih semangat ya belajar bootstrapnya. Hari ini kita akan belajar membuat social icon. Kita akan menggunakan font-awesome sebagai sumber icon. Silahkan teman-teman kunjungi website font-awesome dan copy Bootstrap CDN link CSS-nya. Kemudian paste link tersebut ke halaman html  tepatnya diantara tag head seperti berikut :

Cara-Membuat-Social-Icon-Pada-Bootstrap

Setelah itu buat script untuk menampilkan icon seperti dibawah ini :

Cara-Membuat-Social-Icon-Pada-Bootstrap

 

Simpan. Agar lebih menarik buat style efek hover seperti berikut :

Cara-Membuat-Social-Icon-Pada-Bootstrap

Simpan dan lihat hasilnya :

Cara-Membuat-Social-Icon-Pada-Bootstrap

Baca Juga Membuat-Tooltip-Dengan-Bootstrap

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More