Bloga Sosyal Medya İkonları Ekleme

in tr •  last year

thanksgivingdinner.png

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.

1.PNG

  • 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.

2.PNG

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

3.PNG

  • 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.

4.PNG

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

5.PNG

  • 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

7.PNG

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.

9.PNG

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

10.PNG

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

11.PNG

  • Gadget Ekle'ye tıklıyoruz.
    12.PNG

  • Buradan HTML/Javascript'e giriyoruz.

13.PNG

  • 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.

14.PNG

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

15.PNG

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

Umarım faydası olur.

Hoş kalın,
Sevgiler.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

harikasın ekine sağlık

·

Tesekkur ederim ☺

Süper bir paylaşım👍 @tugbabeauty

·

Tesekkurler :)

·

The @OriginalWorks bot has determined this post by @tugbabeauty to be original material and upvoted it!

ezgif.com-resize.gif

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

Elinize sağlık güzel ve yararlı bi paylaşım olmuş :)

·

Teşekkür ederim :)

Emeğinize sağlık :)

Calling @originalworks :)
img credz: pixabay.com
Nice, you got a 75.0% @dong262514 upgoat, thanks to @ytibrahim
Want a boost? Minnowbooster's got your back!