Ad Block 728x90

Memasang Font Awesome Pada Blogger

Memasang Font Awesome Pada Blogger

Bismillaahirrahmaanirrahiim
Assalaamu'alaikum Wr Wb!

Pada artikel kali ini saya akan bagikan cara memasang Font Awesome pada Blogger.
Font Awesome adalah karakter atau simbol atau ikon indah / cantik yang digunakan pada Website, Blog atau Portal untuk memperindah tampilannya dan juga untuk mempermudah pengunjung dalam menjelajahi Website atau Blog. Berbeda dengan Font Google / Google Fonts yang merupakan huruf atau aksara milik Google yang digunakan pada Website atau Blog. Penggunaan Font Google dan Font Awesome merupakan suatu optimasi pada Website atau Blog.

Ikon merupakan simbol yang dapat menyampaikan suatu tanda pemberitahuan dan benar-benar membantu orang untuk memahami arahan, tanda-tanda, dan antara muka. Ini adalah sangat penting untuk anda membuat dan menggunakan ikon ini supaya bisa mencapai dalam jumlah terbesar. Ikon yang digunakan adalah untuk hiasan asli atau gaya visual, jika anda menggunakan ikon untuk menambah beberapa hiasan tambahan, ia tidak perlu diumumkan kepada pengguna karena mereka menjelajahi Website atau Blog atau aplikasi aurally. Selain itu, jika anda menggunakan ikon untuk visual semula menekankan atau menambah gaya ke kandungan sudah ada dalam HTML anda, dan tidak perlu diulangi kepada teknologi yang menggunakan pengguna bantuan.

Website atau Blog anda harus tampil profesional, terurus dan manja pengunjung seupaya para pengunjung akan merindui Website atau Blog anda terutama bagi pengunjung yang menyukai seni atau keindahan. Pengunjung tentu akan penasaran akan Website atau Blog anda, mereka mungkin ingin mempunyai Website atau Blog seperti Website atau Blog anda. Ini merupakan calon dan akan menjadi pelanggan anda, coba anda bayangkan apakah mungkin orang yang tiada seni atau keindahan akan mengajarkan tentang seni atau keindahan? mustahil bukan? maka disinilah anda wujudkan cita-cita anda sebagai Blogger profesional.
Sekian penjelasan dari saya dan mari ke poinnya.

Kita menggunakan Font Awesome versi 4.0.3
Berguna bukan?
Oke, mari ke tutorialnya

1. Login ke Blogger ➧ Tema ➧ Edit HTML, tekan Ctrl + C pada keyboard (untuk memudahkan pencarian) terus masukkan dan cari tag <head> dan letakkan link berikut dibawah / setelah tag <head>
➤ Link 1
<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>
➤ Link 2
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

2. Untuk penerapan dalam HTML misalnya pada Menu Dropdown gunakan tag "fa"
Contoh
<li><a href='/' title='Home'><i class="fa fa-home"></i> HOME</a></li>

Alhamdulillaah, tutorial sudah siap.
Note
Jika ada pertanyaan, silahkan anda bertanya kepada Admin melalui komentar!
Terima Kasih.
Share
Silakan anda bagikan artikel ini kepada teman-teman anda di media sosial, agar mereka juga dapat mengambil manfaat dari artikel ini!
Alhamdulillaah
Insyaa Allaah, semoga artikel saya dapat membantu sahabat semua!
Wallaahu'alam
Wassalaamu'alaikum Wr Wb!
Previous
Next Post »

ConversionConversion EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng

Note: Only a member of this blog may post a comment.