1 Mart 2013 Cuma

Pinterest Fotoğraflarını Slayt Gösterisi Olarak Gösterme

18 yorum

Bayanların bloglarına baktığınızda genellikle yemek, moda, hobi ve gezi ile ilgili yayınlar paylaştıklarını görürsünüz. Hepsinin ortak özelliği ise çok sayıda fotoğraf içeriyor olmaları. İşte bu yüzden fotoğraf imleme temeline dayanarak oluşturlan sosyal medya platformu Pinterest’e özellikle bayanlar büyük ilgi gösterdi.

 

Bayanların Pinterest’e ilgisi aşikar ancak Pinterest’in Blogger’a entegrasyonu konusunda sıkıntı yaşadıkları da bir gerçek. Diğer popüler sosyal ağlar olan Facebook, Twitter ve Google+ ile ilgili pek çok eklenti mevcutken Pinterest için Pin It butonu dışında kullanmaya değer sadece 1 adet eklenti bulup paylaşmıştım.

 

Bu yazıda Pinterest hesabınızdaki fotoğrafları blogunuzda slayt gösterisi olarak göstermeyi anlatacağım ancak bunu harici bir eklenti kullanmadan yapacağız. Blogger’ın Gadget listesindeki slayt göstersi isimli gadgetı Pinterst hesabınıza bağlayarak bu işlemi kolayca gerçekleştireceksiniz.

 

Pinterest Slaytshow

 

1. Adım: Blogger kumanda panelinize girdikten sonra Yerleşim > Gadget Ekle diyerek listeden Slayt Göstersi isimli gadgetı seçin.

 

Slayt adget Ekle

 

2.  Adım: Burada kaynak olarak Pinterest hesabınızı yazacaksınız ama nasıl? Markafoni’nin Pinterest hesabından bir örnekle anlatayım.

 

Pinerest slayt gösterisi

- Markafoni’nin Pinterest sayfasındaki tüm resimleri slayt olarak göstermek için kaynak olarak diğeri seçtikten sonra içerik takibi URLsi bölümüne şunu yazıyorum:

 

http://pipes.yahoo.com/pipes/pipe.run?_id=856c92426668cf9fecea6aa73adf4c72&_render=rss&feedURL=http://pinterest.com/markafoni/feed/rss&pinCount=10

 

Burada http://pinterest.com/markafoni yazan yere kendi Pinterest adresinizi yazın. 10 yazan yere ise Pinterest hesabınıza eklediğiniz son kaç fotoğrafın gösterilmesini istediğini yazın. (En fazla 25)

 

Yazarken bir hata yapmadıysanız alt tarafta önizleme gözükecektir zaten.

18 yorum:

  1. çok güzel bir paylaşım teşekkürler,ekledim bloguma hemen

    YanıtlaSil
  2. resim boyutlarını değiştirebiliyor muyuz hocam.
    paylaşım için teşekkürler.

    YanıtlaSil
  3. @mutfak türk
    Hayır değiştiremiyoruz, ya da ben bilmiyorum :)

    YanıtlaSil
  4. teşekkürler serdar bey, bloguma uyguladım.

    YanıtlaSil
  5. Teşekkürler.. Hem uygulaması kolay, hem de güzel bir özellik!..

    YanıtlaSil
  6. çok teşekkürler çok güzel bir şey oldu buu

    YanıtlaSil
  7. Teşekkürler güzel yazı olmuş
    Benim sorum sadece pinterest te bir boardu slayt gösterisi yapmak istersek nasıl yaparız ?

    YanıtlaSil
  8. Çok teşekkür ederim Serdar Bey. Bloguma kolayca yerleştirdim. Çok da güzel oldu.

    YanıtlaSil
  9. uyguladım Serdar bey tşkler. Bir önceki eklentiyi kullanıyordum kendisini güncellesede biraz geri planda kalıyordu görsel olarak bu daha çok işimi gördü :)

    YanıtlaSil
  10. @mutfak türk

    Slideshow pencere boyutunu değiştirebilmek için bir kaç ufak ekleme yapmak gerekiyor.

    1. Şablon › HTML'yi Düzenle 'ye giriyoruz.
    2. Ctrl+F ile " ]]> " kodunu aratıp, buluyoruz.
    3. Hemen üstüne, aşağıdaki slideshow içeriğinin CSS kodunu yapıştırıyoruz:
    _______________________________
    .slideshow-container {
    width: 220px;/*genişlik*/
    height: 400px;/*yükseklik*/
    }
    _______________________________

    Burada genişlik yani 'width' değeri, slideshow'u sidebar'ınıza ekleyecekseniz, sidebar genişliğinden küçük ya da sidebar genişliğine eşit olması lazım.Aksi takdirde sidebar'dan taşabilir.

    Sanırım, sidebar'ın tanımlanmış CSS kodlarına, "#sidebar-wrapper" kelimesini HTML'yi düzenle kısmında aratarak bulabilirsiniz. Oradaki width="xyz" değerine bakarak, slideshow genişliğini ayarlayabilirsiniz. Muhtemelen 200-240px arası değerlerdedir.

    Ama bunlarla hiç uğraşmayıp, slideshow penceresini sidebar'a tam oturtmak istiyorsunuz(genişlik olarak); tek yapmanız gereken:
    ________________________
    .slideshow-container {
    width: 100%;/*genişlik tam oturtuldu*/
    height: 400px;/*yükseklik*/
    }
    _________________________

    slideshow penceresinin genişlik değerini yukarıda gösterildiği gibi, width="100%" yapmak.

    Ben de test bloğuma ekledim, isterseniz bakabilirsiniz." isimverilecek.blogspot.com "

    Ayrıca, pinterest feedleri için direkt kullanıcı feedlerini değil de, o kullancıya ait resim albümlerinden sadece bir albümün feedlerini almak istiyorsanız, tek yapmanız gereken;

    BlogHocam'ın anlattığı gibi yerleşimden eklediğiniz Slideshow gadget'ını düzenleye tıklayıp, oraya eklediğiniz "http://pipes.yahoo.com/pipes/pipe.run?_id=856c92426668cf9fecea6aa73adf4c72&_render=rss&feedURL=http://pinterest.com/markafoni/feed/rss&pinCount=10" adresi üzerinde ufak bir değişiklik yapmak:

    pinterest.com/markafoni/feed/rss , adresi direkt markofoni kullanısının son 10 (pinCount=10) güncellemesini alacak.

    Buraya ben geçici olarak kullandığım bir pinterest kullanıcısının albümünü,aşağıdaki şekilde olduğu gibi, ekleyeceğim:

    pinterest.com/KULLANICI-ADI/ALBÜM(board)-ADI.rss

    Benim eklediğim pinterest albümü:
    pinterest.com/biraciyakiraci/istanbul.rss

    'Biraciyakiraci' kullanıcısının, 'İstanbul' albümü(board'u.).


    Eğer, eklemede sorun yaşarsanız buradan dönüş yapın, yardımcı olmaya çalışırım.


    YanıtlaSil
  11. Edit:
    2. Ctrl+F ile " ]]> " kodunu aratıp, buluyoruz.

    Tam çıkmamış:

    " ]]> < / b :skin> "kodu olacak.(aralarda boşluk yok!)

    YanıtlaSil
  12. Teşekkürler çok yardımcı oldunuz.
    Bir yazı önerim var ilerisi için yahoo pipes ı blogta nasıl kullanırız hakkında.

    YanıtlaSil
  13. Süperrr.Peki.bloggerin kendisinde olan slayt ekleme gadgetinde flickr-photobucket gibi resim siteleri var.birde diğer diye bir bölüm var.bu diğer denen yere kendi blog adresimizi yazsak olmaz mı.Böylelikle bloğumuzdaki tüm resimler slayt alanında görüülemez mi?

    YanıtlaSil
  14. @Faik Çaltılı
    Hayır, resimlere ait bir feed adresi olması gerkiyor.

    YanıtlaSil
  15. çok faydalı bir yazı hocam, hem flicker hem de pinterest için slight gösterisi yaptım, başarmanın mutluluğunu yaşıyorum. çok çok teşekkürler...
    Bir de sorum olacak, slight gösterisindeki resimleri kayan şekilde yansıtmak mümkün mü acaba? şuan resimler biri kayboluyor, diğeri geliyor...ve bu şekilde devam ediyor.
    selamlar
    elif

    YanıtlaSil
  16. @Elif Ersin
    Sanırım resimler arasındaki geçişleri efekt ile yamak istiyorsunuz ama mümkün değil ne yazık ki.

    YanıtlaSil
  17. teşekkürler yayınınız için

    YanıtlaSil

Picardes

LİNKLER