Bloga Sosyal Medya İkonları Ekleme

Merhabalar.
Nasılsınız arkadaşlar.
Bugün blogumuza sosyal medya butonlarını blogumuza eklemeyi aşamaları ile göstereceğim.
Blog yazarıysanız sosyal medya hesaplarınızın da en az blogunuz kadar önemli olduğunu biliyorsunuzdur.
Yazılarınız üzerinden takip eden ya da yeni gelen üyelerinize size diğer hesaplardan da ulaşmaları ve takip etmeleri için blogunuza mutlaka bu butonlardan eklemelisiniz.

Hadi başlayalım öyleyse.

Önce işe ilk logo seçerek başlyoruz. Ben bunun için iconfinder sitesinden faydalanıyorum. Bura da binlerce seçenek var.

• Sitemize giriyoruz.
  Karşımıza çok basit arayüzü olan bir sayfa çıkıyor.

• Arama kısmına blogunuza eklemek istediğiniz sosyal medya butonunu yazın.
  Ben sizlere göstermek için vermek için instagram kullandım ama siz diğerlerini de anlatacağım şekilde yapabilirsiniz.

• İnstagram arattığım zaman alttaki gibi bir sayfa açılıyor.

• Aramamızı daraltmak ve istediğimizi bulmak için filtrelemeliyiz.
• 1-) Free seçerseniz ücretsiz logolara ulaşacaksınız.
• 2-) İcon size ; logonuzun boyutunu seçmek için genelde 32x32 - 48x48 boyutları ideal oluyor.
• 3-) Burası logomuzun arka planını seçmemiz için. Ben transparan olanı seçtim. En iyisi o duruyor ama siz zevkinize göre istediğinizi seçebilirsiniz.

• Logolar artık ekrana geldi.Buradan blogunuza eklemek istediğiniz görselin üzerine tıklıyoruz.

• Ben rastgele bir tane ikon seçtim.
  Buradan indirmeden önce indirmek istediğimiz boyutu seçiyoruz. Ben ideal olan 48x48 olanı seçip download PNG deyip bilgisayarımıza indiriyoruz. Siteyle artık işimiz bitti ve logomuz artık bizim oldu

Logoyu bloga eklemeden önce resmi bir siteye yüklemeliyiz. Ben hızlı resim sitesini kullandım. Siteye girdiğimizde karşımıza aşağıdaki gibi bir sayfa çıkıyor. Dosya seçtikten sonra Yükleye basıyoruz.

• Linklerimiz karşımıza çıkıyor. Burada işaretli olan linki kaybetmeyin birazdan bize lazım olacak.

• Blogger ayarlarına geliyoruz. Buradan yerleşim alanına giriyoruz.

• Gadget Ekle'ye tıklıyoruz.
  

• Buradan HTML/Javascript'e giriyoruz.

• Sıra geldi kod eklemeye. Steemitte kod yazılmıyor ben resimle gösteriyorum isterseniz blogumdan kodu kopyalabilirsiniz
• hesapadınız yazan yere sosyal medya adresinizi yazıyorsunuz.
• Sarı işaretlenmiş yere de az önce resmi yüklediğimiz siteden link almıştık, onu kopyalayıp buraya yapıştırıyoruz.
  İşte bu kadar basit.

Hesap linki almasını bilmeyenler için aşağıya resim bırakıyorum.

Yüklediğim butonun blogda görünüşü de bu şekilde.

Umarım faydası olur.

Hoş kalın,
Sevgiler.