Cara Menerapkan Icon Awesome di Blogspot
Label:
Tutorial Blogspot
Font Awesome adalah kumpulan berbagai simbol atau icon-icon yang terbuat dari font bukan dari gambar ataupun animasi, icon-icon ini sangat cocok digunakan untuk desain blog karena sangat ringan dan tidak akan memberatkan loading blog.
Untuk menggunakan font awesome ini, terlebih dahulu harus menyisipkan script berikut diatas code<head>
Cara penggunaanya :
Lebih jelasnya begini :
Ini adalah icon Smile
Untuk memperbesar ukuran icon cukup mudah, begini caranya :
Normal
2x Lebih besar
3x Lebih besar
4x Lebih besar
5x Lebih besar
Penggunaan pada tombol/button :
Klik DiSini
Untuk menggunakan font awesome ini, terlebih dahulu harus menyisipkan script berikut diatas code
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet"></link>
Cara penggunaanya :
<i class="nama-icon"></i>
Lebih jelasnya begini :
Ini adalah icon Smile
<i class="icon-smile">ini adalah icon smile</i>
Untuk memperbesar ukuran icon cukup mudah, begini caranya :
Normal
2x Lebih besar
3x Lebih besar
4x Lebih besar
5x Lebih besar
<i class="icon-smile"></i> Normal
<i class="icon-smile icon-large"></i> 2x Lebih besar
<i class="icon-smile icon-2x"></i> 3x Lebih besar
<i class="icon-smile icon-3x"></i> 4x Lebih besar
<i class="icon-smile icon-4x"></i> 5x Lebih besar
Penggunaan pada tombol/button :
<a class="tombol" href="#"><i class="icon-comment"></i> Comment</a>Oke begitu seterusnya, untuk melihat icon apa saja yang dapat digunakan silahkan lihat listnya dilink berikut :
<a class="tombol" href="#"><i class="icon-info-sign"></i> Info</a>
<a class="tombol" href="#"><i class="icon-trash icon-large"></i> Delete</a>
<a class="tombol" href="#"><i class="icon-cog"></i> Settings</a>
Jika ada pertanyaan silahkan bermkomentar, sekian dan terimakasih :)
Diposting oleh Unknown di 07.00 1 komentar
Langganan:
Postingan (Atom)