04 July 2017

Percantik Blog dengan Font Awesome


Beritatekno.net - Semakin memasuki zaman di dunia teknologi, semakin banyak pula pesaing antara satu dengan lainnya. Mempercantik tampilan sebuah website memang sangat berguna bagi mendatangkan visitor. Membuat blog yang tampilannya nyaman dipandang oleh pengunjung adalah ide paling baik untuk membuat pengunjung lebih enak dalam membaca, melihat, dan menilai blog kita.

Cara terbaik untuk mempercantik sebuah website statis maupun dinamis yaitu dengan bantuan font awesome. Font awesome merupakan icon font yang dibuat untuk membantu dalam membangun sebuah tampilan website yang bagus dan menarik. Font awesome juga memiliki ± 675 icon, mendukung mobile friendly dan desktop pada website , Fast loading , dan tidak membuat website menjadi berat.


Berikut merupakan sampel penggunaan font awesome pada blog Beritatekno.net 


Cara Pemasangan Font Awesome :

1. Masuk ke blogger.com
2. Pilih Menu Tema - Edit HTML
3. Letakkan kode dibawah </head>


<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

4. Klik simpan

Cara Penggunaan dan Penerapan Pada Blog : 

Misalnya pada menu navigasi Beritatekno.net bagian Android maka kita harus mencari script code nya di Tema - Edit HTML

<li><a href='http://www.beritatekno.net/search/label/Android'><i class='fa fa-android'/> Android</a></li>


1. Penerapan di depan nama menu navigasi <i class='fa fa-android/> Android
2. Untuk Mencari Font lainnya bisa menuju link berikut : Font Awesome

Penulis dan Suka Mengeksplor dunia teknologi

30 comments:

  1. Thanks om...
    barusan ane pasang di blog ane :D
    Mantap (y)

    ReplyDelete
    Replies
    1. mantap gan,
      biar makin cantik blognya
      thanks kunjunganya

      Delete
  2. Pantas nggk bisa2 trnyta hrus tambahin bootstrapcdn ya

    ReplyDelete
    Replies
    1. iya gan, linknya harus kumplit hehe

      Delete
  3. Wah kebetulan nih saya lagi percantik tampilan blog . Nice post min :)

    ReplyDelete
  4. Mantap nih buat tambah tambah ilmu hehehe. thanks kang

    ReplyDelete
  5. Nice info gan, mampir sini gan https://androit18.blogspot.co.id/

    ReplyDelete
  6. Font awesome memang benar-benar awesome. Saya pasang juga beberapa untuk blog.

    ReplyDelete
  7. Anonymous4/7/17 14:54

    Mkasih gan infonya, sangat membantu

    ReplyDelete
  8. Font Awesome memang benar-benar awesome, saya juga menggunakannya pada blog saya :)

    ReplyDelete
  9. font awesome emang mantap bos

    ReplyDelete
  10. Mantap gan,,,,sangatbermanfaat

    ReplyDelete
  11. Mantap gan...
    Thanks tutorialnya...
    Ijin diserap ilmunya...

    ReplyDelete
  12. Mantap gan...
    Thanks tutorialnya...
    Ijin diserap ilmunya...

    ReplyDelete
  13. sepertinya bisa membuat pengunjung tertarik untuk mengunjungi blognya lagi

    ReplyDelete
  14. pas bener nih lagi benerin blog, izin coba gan :D

    ReplyDelete
  15. mantap artikelnya gan salam dari blog kadekkrisma

    ReplyDelete
  16. Nice info gan, otw coba

    ReplyDelete
  17. sangat membantu gan infonya, thanks gan..

    ReplyDelete
  18. Wah mantep nih gan, Sangat bermanfaat tutorialnya gan.

    ReplyDelete
  19. Makin cantik blognya kalau pakai font ini min... Thanks ya

    ReplyDelete
  20. Info nya berguna banget

    ReplyDelete
  21. mantap..bw gan http://invodota2.blogspot.co.id/

    ReplyDelete
  22. Ijin coba gan, font awesome meang bikin visitor betahf

    ReplyDelete
  23. gw sudah pake dan terbukti mempercantik blog :D

    ReplyDelete


EmoticonEmoticon