Instagram görselleri nasıl blog yayınlarına eklenir?

15 Mayıs, 2017

Instagram görselleri nasıl blog yayınlarına eklenir?
Instagram görselleri nasıl blog yayınlarına eklenir?
Instagram'da paylaşılan fotoğraflar, videolar nasıl blog yayınları içerisine eklenir? Instagram'da paylaşılan görselleri web sitelerine ekleme...

Dostlarım, bu yazımda Instagram'da paylaşılan görsellerin blog yayınları arasına ya da web sitelerine nasıl eklenebileceğinden bahsettim.

Özellikle "sosyal medya" etiketiyle paylaştığım içerikler mutlaka dikkatinizi çekmiştir. Telif haklarını ihlal etmemek ve SEO açısında bloguma zarar vermemek için kopya görsel paylaşmak yerine Instagram'da paylaşılan görsellerin kodlarını blog yayınlarının arasına ekliyorum. Ayrıca bu yöntem hız konusunda da etkili oluyor.

Peki Instagram'da paylaşılan görselleri nasıl blog yayınları arasına ekleriz?


Yapılması gerekenler oldukça basit. Öncelikle yayın içerisine ekleyeceğimiz görseli Instagram.com'da buluyoruz. Daha sonra adım adım...
Instagram görselleri nasıl blog yayınlarına eklenir?
Instagram görselleri nasıl blog yayınlarına eklenir?
Instagram görselleri nasıl blog yayınlarına eklenir?
Yukarıda paylaştığım resimlerdeki gibi görselin kodunu kopyalıyoruz.

Ardından yayın editöründe, sol üst köşede yer alan "Oluştur/ HTML" seçeneklerinden "HTML" i tıklıyoruz. 
Instagram görselleri nasıl blog yayınlarına eklenir?
Ardından kopyaladığımız Instagram kodunu dilediğimiz yere yapıştırıyoruz.

Tabi burada bilmemiz gereken bir kaç detay var. Örneğin birden fazla görselin kodunu eklemek istiyorsak. Kodların arasına
<br />
kodunu eklemeliyiz. Çünkü bu kod bir alt satıra geçme kodu. Düzen açısından gerekli. Ayrıca son olarak Instagram'dan kopyaladığınız kodun içerisinde
max-width:658px;
diye bir kod bulunmakta. Bu kod da görselin genişliğini belirtir. Buradaki 658px yerine 100% yazarsanız eğer görselin genişliğini tam sayfa yapar. Bu da düzenli bir görünüm sağlar. Aşağıda yer alan görsel gibi...
Konuyla ilgili sorularınız olursa yorum yaparak bana bildirebilirsiniz. Ayrıca bu yazımın ardından kodlarla ilgili az çok fikir sahibi olabileceğiniz "Bloggerlar için bilinmesi gereken basit HTML öğretisi" başlıklı yazıma da bi' göz atmanızı tavsiye ederim.

✋Bu içerik Kişisel Blog - BlogTecrübem tarafından hazırlanmıştır.

6 yorum:

  1. Bilmeyenler için çok açıklayıcı ve faydalı bir yazı olmuş, teşekkürler. Görsellik adına da daha güzel duruyor.

    YanıtlaSil
    Yanıtlar
    1. Ben teşekkür ederim değerli yorumunuz için.

      Sil
  2. Güzel bilgiler bunu deneyeceğim, foto kopyalamaktan daha iyi bir yöntem..
    Yalnız buraya mı yazayım bilemedim, ben instagramı bilgisayarda açıp fotoğraf yükleme işini yapamadım. Daha doğrusu tüm komutları gerçekleştirdim fotoğrafı seçtim ama yüklemedi :( Uygulamada aç diye bir yazı çıkıyor..

    YanıtlaSil
    Yanıtlar
    1. Teşekkür ederim...

      İlk yükleme işleminde böyle bir sorun oluyor nedense. Tekrar deneyin, düzelecektir..

      Sil
  3. süper bi konuya parmak basmışsınız teşekkürler:)

    YanıtlaSil
    Yanıtlar
    1. Rica ederim, umarım faydalı olmuştur :)

      Sil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Aktif link bırakmayın. (Hemen silinir!)
3. Yazım ve dil bilgisi kurallarına uymaya çalışın lütfen. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanınız.

Copyright © 2017 Blog Tecrübem - Kişisel Blog Her hakkı sakldır.
I Blogger!