MWN9LGx8LGF4NWZcMqR5NWVdLTcsynIkynwbzD1c

Blogger Font Awesome ikonları Eklemek

Blogger - Blogspot Sitelere Font Awesome ikonları Ekleme Nasıl Yapılır? Konusun…

Ak Blog SEO
4349759590016280108

Blogger Font Awesome ikonları Eklemek

13 Temmuz 2020 Pazartesi

Blogger Font Awesome ikonları Nasıl Eklenir?

Blogger - Blogspot Font Awesome ikonları Ekleme
Blogger Font Awesome
Font Awesome ikonları blogger sitelerine eklemek oldukça güzel bir görünümün yanı sıra profesyonel bir görünüm de verir ayrıca. Font Awesome ikonları ikonlarını sitenize eklediğinizde güzel bir yanı ise resim (.jpg, .png, .bmp vs... formatları) olarak algılanmadığı daha açık bir ifadeyle metin olarak yani txt formatında yazı dediğimiz biçimde eklenmesinin en büyük güzelliklerinden biri de çok hızlı açılmasıdır. Sitenizin hızlı açılması demek özellikle SEO açısından size inanılmaz katkıları olacaktır. Sitelerinizin hızlı açılmasını istiyorsanız, sosyal medya veya benzeri siteniz için araçlar kullanacaksanız, sizlere tavsitemiz Font Awesome ikonlarını kullanmaya özen göstermeye çalışmanızdır. Özetle sitenizin performansını özellikle hız açısından kesinlikle olumsuz etkilemediği için, kullanmanız sizlere büyük bir fayda sağlayacaktır.

Özetle Font Awesome Nedir? Değinirsek.

Font Awesome web tasarımlarınıza yönelik binlerce farklı ikon seçeneği sunarak ve bu ikonların boyutlandırılmasının yanı renkleri olsun, gölge efektleri ve css ile yapılan her türlü düzenlemeyi ücretsiz olarak yapmanızı sağlayan bir platformdur.

Sitelerimiz için Font Awesome Kullanmalıyız?

Konumuzun başlangıç metninde belirttik zaten ve tekrardan bu başlık altında açıklamaya gerek duymaksızın konuya bir an önce geçmemiz sanırım çok daha yararlı bir bilgi olacaktır.

Blogger Sitelerine Font Awesome ikonları nasıl eklenir?

Blogger sitelerimizin panel bölümünden Tema Düzenleme Kısmına gelerek HTML’yi düzenle sekmesine tıklıyoruz. Karşımıza çıkan kodlarda arasından </head> kodunu CTRL+F tuş kombinasyonuyla arama yaparak ve ilgili kodumuzu buluyoruz. Kodumuzu bulduktan sonra hemen üzerine aşağıdaki kodu sizlere vermiş olduğumuz kodu ekleyiniz.


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

Yukarıdaki işlemleri bitirdikten sonra blog sitenize artık istediğiniz Font Awesome ikonları Ekleyebilirsiniz.
İşlemleri yaptığınızı var sayarak sizlere hazır olarak bir kaç font ikonları verelim. Ekleyin sizde. Deneyin ve test ediniz.

Bazı kodlar verelim.

<i class="fa fa-check-circle" style="font-size:24px;color:purple"></i>
<i class="fa fa-cloud" style="font-size:36px;color:orange"></i>
<i class="fab fa-instagram" style="font-size:48px;color:red;"></i>
<i class="fa fa-check-circle" style="font-size:60px;color:lightblue;"></i>
<i class="fab fa-rss" style="font-size:48px;color:brown;"></i>
<i class="fab fa-tumblr" style="font-size:48px;color:red;"></i>
<i class="fab fa-heart" style="font-size:24px;color:red;"></i>
<i class="fab fa-twitter" style="font-size:48px;color:lightblue;"></i>
Kod olarak ekleyiniz. Sonrasında karşınıza aşağıdaki gibi ÇIKTI almanız gerekir.

--

İçerik Editörü: Hüseyin AKTAŞ | Akblog.NET
Etiketler
Ak Blog SEO - Google SEO Eğitimleri Dokümanları
  1. Blogger - Blogspot Sitelere Font Awesome ikonları Ekleme Nasıl Yapılır? Konusuna değindik. Umarım yararlı bir doküman olmuştur.

    YanıtlayınSil
Konu hakkında sormak istediklerinizi yazabilirsiniz.
AK Blog SEO

Read. Think. Exercise (Oku. Düşün. Uygula.)

Whatsapp İletişim Formu×
Bilgileriniz
İstek Bilgileriniz
iletişime geç