Ana Sayfa blogger blogger kod webmaster Blogger'da gadget başlıklarına Font Awesome ikonları nasıl eklenir?
Blogger'da gadget başlıklarına Font Awesome ikonları nasıl eklenir?
Blogger Font Awesome Icons
Blogger (blogspot) bloglarında, gadget (eklenti, widget) başlıklarına Font Awesome ikonları (icons) nasıl eklenir? Font Awesome ikonlarını, simgelerini eklenti başlıklarına nasıl ekleriz?
Font Awesome ikonlarını daha önce duydunuz mu, gördünüz mü bilmiyorum ama web site tasarımlarında sıklıkla kullanılır. Klavye ile yapılamayan sembolleri de görmüşsünüzdür.
Yukarıya eklediklerim gibi. Yalnız bunların formatı farklı. Dilediğimiz her alan için bu sembolleri kullanamıyoruz. Ama ikon fontu olarak adlandırabileceğimiz Font Awesome'da hemen hemen her konu için sembol bulmak ve bu sembolleri web site tasarımlarında, her alan için kullanmak gayet mümkün. Örneğin gadget başlıklarında ya da menü seçeneklerinde...
Font Awesome ikonları nasıl Blogger'a eklenir?
Font Awesome ikonlarını blogumuzda ya da web sitelerimizde kullanabilmemiz için öncelikle yapmamız gereken bir işlem var, Font Awesome stylesheet kodu. Bu kodu blogumuza eklemeliyiz aksi taktirde semboller görünmeyecektir.
Tema ardından HTML Düzenle seçenekleri ile kodların yer aldığı sayfaya ulaşıyoruz. Burada Ctrl F yardımıyla aşağıdaki kodu buluyoruz.
ve bu kodun hemen altına
kodunu ekliyoruz ve blogumuzu kaydediyoruz.
Bu işlemin ardından artık dilediğimiz alana Font Awesome ikonlarını ekleyebiliriz. Tabi burada benim asıl anlatmak istediğim kısma gelmiş olduk, Gadget başlıklarına Font Awesome ikonları eklemeye.
Gadget başlıklarına Font Awesome ikonları nasıl eklenir?
Yine aynı şekilde Tema ardından HTML Düzenle seçenekleri ile kodların yer aldığı sayfaya ulaşıyoruz. Bu sefer Ctrl F yardımıyla, Font Awesome ikonu eklemek istediğimiz Gadget (eklenti) başlığını aratıyoruz. Örneğin benim blogumda Popüler İçerikler eklentisi için
arama yaptığımda karşıma yukarıdaki gibi bir görüntü çıkıyor. Bu kodların arasında h2 etiketi arasında yer alan
kodu, eklentinin başlığını belirtiyor. Bu kodun başına eklediğim
kodu ise Font Awesome'ın roket ikonu. Bu şekilde dilediğiniz her eklentinin başlığına dilediğiniz ikonları, sembolleri ekleyebilirsiniz. Peki Font Awesome sembollerinin kodlarına nasıl ulaşırız diye sorarsanız, o da burada.
Konuyla ilgili sorularınız olursa yorum yaparak bildirebilirsiniz.
Tarih-i Umumi 29 Ocak 2018 15:41
Ümit Hocam sizdeki gaget alanındaki gibi Arka planı siyah yapma nasıl oluyor acaba?
Blog Tecrübem 29 Ocak 2018 16:43
Gadget başlıklarının CSS kodlarını bulup background kodu eklemelisiniz. background: #111; gibi...
Mustafa TÜRKÖZ 29 Ocak 2018 19:53
Bende kategorilerime ekledim biraz önce. Teşekkürler paylaşım için :)
Blog Tecrübem 29 Ocak 2018 22:32
Rica ederim, teşekkürler yorumunuz için...
Adsız 29 Ocak 2018 22:13
İkon Yazı ile çok bitişik oluyor. İkon ile yazı arasında nasıl boşluk koyabiliriz. Mesela sizde çok güzel olmuş
Blog Tecrübem 29 Ocak 2018 22:33
Space tuşunu kullanabilirsiniz. Ayrıca bu tür sorular için Adsız olarak yorum yapmanıza gerek yok.
ReHiTu 30 Ocak 2018 19:15
Teşekkürler faydalı oldu benim için.
Blog Tecrübem 30 Ocak 2018 22:38
Rica ederim, umarım faydalı olur.
incidennotlar 3 Şubat 2018 18:06
Blog Tecrübem 3 Şubat 2018 23:48
Teşekkür ederim. Umarım faydalı olur...
Sessiz Kurt 22 Haziran 2019 10:45
Meraba abi. Sana bir sorum olacak. Sen kod paylaşımı yaparken kodları nasıl yeşil bi karenin içine alıyon. Alıntı şeysini düzenledim ama seninki gibi olmadı. Böyle kodları nasıl yeşil şeyin içine sokuyon
Blog Tecrübem 23 Haziran 2019 03:36