Blogger Font Awesome ikonları Nasıl Eklenir?
Blogger Font Awesome |
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.Özetle Font Awesome Nedir? Değinirsek.
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.Sitelerimiz için Font Awesome Kullanmalıyız?
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.Blogger Sitelerine Font Awesome ikonları nasıl eklenir?
<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>Kod olarak ekleyiniz. Sonrasında karşınıza aşağıdaki gibi ÇIKTI almanız gerekir.
<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>
--
İçerik Editörü: Hüseyin AKTAŞ | Akblog.NET
Blogger - Blogspot Sitelere Font Awesome ikonları Ekleme Nasıl Yapılır? Konusuna değindik. Umarım yararlı bir doküman olmuştur.
YanıtlaSilTek kelimeyle harikasınız. Sayenizde çözüm bu işi.
YanıtlaSil