Blogger Font Awesome ikonları Eklemek

Blogger Font Awesome ikonları Nasıl Eklenir?

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