Sunday, 26 June 2016

Cara Memasang Font Awesome Pada Judul Widget Blog


Cara Memasang Font Awesome Pada Judul Widget Blog

Cara Memasang Font Awesome Pada Judul Widget Blog - Banyak para Blogger yang menggunakan Font Awesome untuk mempercantik Blognya termasuk Blog Billy-Art, entah itu pada baris sub judul, menu menu, atau apapun di halaman Website / Blog kamu. Dan pada artikel kali ini aku akan memasang Font Awesome pada Judul Widget.

Sekilas tentang Font Awesome...

Font Awesome sendiri adalah sekumpulan icon tetapi dalam bentuk font, berupa vector dan scalable yang artinya dengan ukuran size berapapun  gambar icon iconnya tidak akan pecah. Tidak seperti icon yang berupa gambar karena cara yang biasa blogger pemula lakukan biasanya adalah mencari icon dalam bentuk gambar .png atau .gif dan menyebut gambar tersebut sebagai icon #hadeh, ini tentunya akan membutuhkan banyak gambar icon dalam beberapa ukuran gambar pula,  dan tentunya kurang praktis.

Nah untuk itu diciptakannya Font Awesome! Back to topic. Yuk langsung aja kita memasang Font Awesome di judul Widget Blog kamu.

Cara Memasang Font Awesome Pada Judul Widget Blog

  • Pertama pastikan kamu sudah memasang Widget terlebih dahulu pada Tata Letak dan tentukan widget mana yang pengen di kasih Font Awesome. Disini aku contohin memasang Font Awesome, pada Widget Artikel Terbaru ini.
Widget Artikel Terbaru
  • Kalo udah, sekarang pergi ke Template > Edit HTML > Cari menggunakan shortcut CTRL + F, cari kata kata sesuai judul Widget kamu contoh seperti gambar diatas "Artikel Terbaru". 
Jika ketemu akan nampak seperti kode dibawah, klik yang titik 3 seperti yang ditandai pada kotak merah dibawah.

Kode Widget Artikel Terbaru

akan muncul kode seperti ini... lalu silahkan klik lagi.

Kode Widget Artikel Terbaru

  • Dan keseluruhan kode Widget akan menjadi seperti ini.. 

Kode Widget Artikel Terbaru, Cara Memasang Font Awesome Pada Judul Widget Blog


  • Sesuai gambar diatas jadi kalian tinggal tambah Font Awesomenya disebelah Judul Widget, Icon Font Awesome dan Cara Penggunaannya kalian bisa liat disini.
  • Terakhir tinggal Simpan Template, dan tarra jadideh~  
Demo Setelah Dipasang Font Awesome pada Judul Widget

Semoga tutorial tentang cara memasang Font Awesome pada judul Widget Blog ini membantu temen temen untuk mempercantik blognya. Kalo temen temen kebingungan silahkan bertanya di kolom komentar.

bangbil.com adalah sebuah personal blog. Seorang blogger yang masih merangkap sebagai pelajar. Temui aku di Sosial Media :

Berlangganan via Email

Berlangganan artikel terbaru dari blog ini langsung via email.