Sunday, July 06, 2014

Percantik Blog Dengan Font Awesome Icons

Percantik Blog Dengan Font Awesome Icons
Percantik Blog Dengan Font Awesome Icons
Percantik Blog Dengan Font Awesome Icons - Kali ini saya akan memberikan info tentang bagai mana cara mempercantik tampilan blog dengan Font Awesome Icon, mungkin bagi sebagian sobat blogger sudah mengetahui tentang Font Awesome Icons dan bagi yang belum mengetahui saya akan menjelaskannya dibawah ini.
Untuk caranya sangat mudah sekali,simak caranya dibawah ini :
1. Sudah pasti kita harus login terlebih dahulu ke akun blogger milik kita.
2. Setelah login silahkan copy kode/script dibawah dan paste scriptnya diatas kode </head> , untuk mempermudah pencarian tekan CTRL + F dan ketikan </head>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/>

3. Untuk mempercantik tampilan menunya tinggal kita masukan kode dengan diawali < i > dan disisipkan dengan icon yg kita inginkan,contoh: saya ingin memberikan icon home di menunya maka saya menyisipkan scriptnya seperti ini 
<i class="fa fa-home fa-2x"/>

NB : tulisan yang berwarna orange pada kode diatas bisa diganti dengan icon yang kalian inginkan dan fa-2x itu merupakan ukuran dari icon dan sobat bisa merubahnya dengan selera yang diinginkan, silahkan lihat beberapa kumpulan icon di link bawah ini
>> ICON <<

Setelah selesai simpan dan lihat hasilnya. Untuk hasil penerapan pada blog saya bisa dilihat pada gambar dibawah ini

gambar-hasil
Gambar Hasil

Dan sekian tutorial dan postingannya dari saya semoga artikel ini dapat berguna bagi pembaca khususnya sobat blogger semuanya :)

Source Post: Font Awesome Icons

3 blogger-disqus

duh masih bingung nih gimana caranya ...

Binggungnya gimana? coba disimak lagi dari awal & jgn lupa back-up dulu templatenya :)

Silahkan dicoba tutorialnya Semoga bermanfaat....
Silahkan follow & pasang link widget saya di halaman web anda gan nanti saya pasang juga kalo sudah terpasang di web anda
Terima kasih :)


EmoticonEmoticon