Tek Kod İle Tüm Resimleri Lightbox İle Açmak [Blogger]

Yazar:




Blogger'in yeni eklentilerinden biri olan Lightbox'u duymayana yoktur heralde. 2 gündür doğru düzgün bir kod arıyordum tüm resimleri tek bir kod ile lightbox'ta açmak için ve sonunda 2 farklı sitede gördüğüm kodların birleşimiyle bunu halletim.

Diğer sitelerde anlatılanlarda her resim için ayrı ayrı rel="lightbox" title eklenmesi gerekiyordu ama bu kodda öyle bişey yok. Kodu sitenize eklediğiniz anda tüm resimleriniz otomatik olarak Light Box şeklinde açılacaktır.

Tek yapmanız gerekenler şunlar :

Tasarım -> HTML'yi Düzenle kısmından "Widget Şablonunu Genişlet" yaptıktan sonra;

</head>

kodunu buluyoruz ve hemen üstüne aşağıdaki kodu yapıştırıyoruz ve ayarları kaydediyoruz. Hepsi bu kadar. Hayırlı olsun artık tüm resimleriniz Lightbox şeklinde açılacaktır. :)

*Kodu seçtikten sonra CTRL + C tuş kombinasyonunu kullanarak kodu kopyalayabilirsiniz.
14.07.2012 - Ekleme : Bu kodları sitenizde kullandığınız zaman resimleriniz Lightbox ile açılacak ve görüntü olarak hoş bir görüntü verecektir ama siteniz normalden birkaç saniye daha geç açılacaktır. Yani sonuç olarak kod, sitenin daha geç yüklenmesine sebep oluyor. Kullanacaklar için bunu da ek bir bilgi olarak belirtmek istedim. Ben 1 hafta kullandım ve izlenimlerim sonucu böyle bir sonuca vardım. Kullanıp kullanmamak ise sizlere kalmış tabi.

40 yorum:

  1. hayırlı oldu , tüm resimlerim Lightbox şeklinde açılıyor :D

    YanıtlaSil
  2. Bir dakika. Birazdan ekleyeceğim. Eğer işe yararsa oldukça iyi bir işlevmiş.

    YanıtlaSil
  3. Bu kodları sitenizde kullandığınız zaman resimleriniz Lightbox ile açılacak ve görüntü olarak hoş bir görüntü verecektir ama sitenizin açılma hızını olumsuz etkiliyor. Normalden birkaç saniye daha geç açılıyor siteler. Kullanacaklar için bunu da bilgi olarak belirtmek istedim. Ben 1 hafta kullandım ve izlenimlerim sonucu böyle bir sonuca vardım. Bunu yazıya da ekledim. Kullanıp kullanmamak ise, sizlere kalmış tabi.

    YanıtlaSil
  4. Hocam sadece blogger içinmi bu kodlar? Başka sistemlerde yapılabilirmi.

    YanıtlaSil
  5. Konu için teşekkürler fakat benim aradığım bloggerde bir konuya örneğin 10 tane eklediğim resimi konu içinde düzenli bir şekilde görmek istiyorum. Resimler farklı boyutlarda da olsa hepsini aynı boyuta getirip görüntü açısından düzen sağlamak istiyorum. Bunun için yardımcı olabileceğiniz bir konu varmı?

    YanıtlaSil
  6. Kayıt oluşturduğunuz kısma resimleri attıktan sonra "HTML'yi Düzenle" seçeneğine geçiş yaparak, resim kodlarından onu kendiniz ayarlayabilirsiniz. Eklediğiniz tüm resimlerin height ve widht değerlerini aynı yaparsanız hepsi eşit boyutta olacaktır.

    YanıtlaSil
  7. bloggerım daha da güzelleşti lightbox ile teşekkürler

    YanıtlaSil
  8. Sitemde kullanıyorum ve herkesede tavsiye ediyorum. Bu lightboxun farklı versiyonlarıda var istersen onlarıda anlat. Çok makbule geçer ve farklı görünüm isteyenler için bulunmaz bir nimet olur.

    YanıtlaSil
  9. Ayarlarınızdan Lightbox seçeneğinin açık olup olmadığını kontrol edin. Ben eski Blogger arayüzünü kullanıyorum. Ayarlar --> Biçimlendirme kısmından "Resimleri Lightbox ile gösterin" seçeneğini "Evet" olarak ayarlarlayın ve kaydedin.

    YanıtlaSil
  10. Ekleme : Sitenizi kontrol ettim az önce. Sizin fotoğraflarınız zaten lightbox ile açılıyor şuanda.

    YanıtlaSil
  11. güzel arıyodum bi kaç gündür iyi denk geldi siteniz güzel gerçekten teşekkür ederim

    YanıtlaSil
  12. Yardımcı olabildiğime sevindim Sercan. Her zaman beklerim..

    YanıtlaSil
  13. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  14. @Emincan Saral
    Vay canına! :D Rica ederim Emincan! :D

    YanıtlaSil
  15. evet lightbox ile açıyor ama ayriyetten birde kendi şeklinde acılıyor buna bir cozum lazım :D

    YanıtlaSil
  16. hemde deli gibi yavaşlatıyor..

    YanıtlaSil
  17. @Emincan Saral
    Evet Emin. Malesef ağırlaştırıyor. Şuanda benim sitede kullandığımı lightbox'u bir zamanlar nasıl yapmıştım onu da hatırlayamadığımdan paylaşamadım sizlerle. Bunu eskiden bende kullanıyordum. Kaldırma sebebim de siteyi ağırlaştırması idi.

    YanıtlaSil
  18. Resim çok büyük gözüküyor açıldığında sağ tarafta cursor gibi bişey olmadığı içinde resmin tamamını göremiyorum haliyle. Bunu nasıl çözeriz ?

    YanıtlaSil
  19. @Adsız
    O durum resimden resme değişir diye düşünüyorum. Tüm resimlerde mi aynı sorun var?

    YanıtlaSil
  20. Evet tausam iyi ama; kodlar kasmasa daha iyi olacaktı.

    YanıtlaSil
  21. Kodları kopyalamıyorum galiba sağ tuş yasağı var yardımcı olursanız sevinirim.

    YanıtlaSil
  22. Merhaba Adsız arkadaşım. Mozilla Firefox tarayıcısını kullanarak kodları kopyalayabilirsin. Mozilla Firefox ile siteye girdikten sonra kodları seçip, daha sonra CTRL+C yapman yeterli olacaktır.

    YanıtlaSil
  23. Yanıtlar
    1. Mozilla Firefox ile siteyi açtıktan sonra, kodu normal bir şekilde işaretleyebiliyorsunuz zaten. Yani fareniz ile sol tıka basılı kalıp, internette haber okur gibi yazıların üzerinden geçerek. Bu şekilde tüm kodu seçiyorsunuz ilk önce. Daha sonra ise, sağ tık olmadığı için, fareniz kodu ile seçtikten sonra CTRL+C yapın. Daha sonra masaüstünüzde bir tane "Yeni Metin Belgesi" açın. İçine bir kez tıklayın ve CTRL+V yapın klavyenizden. Sitedeki kod, artık metin belgenizde. Ondan sonra oradan alın ve sitenize ekleyin.

      Sil
  24. @Ahmet
    Merhabalar Ahmet. Kodları kopyalamak için Mozilla Firefox kullanmalısın. Firefox ile gir, kodları seç ve CTRL+C ile kopyala. ;)

    YanıtlaSil
  25. Kopyalanmıyorki !

    YanıtlaSil
    Yanıtlar
    1. Merhabalar Muhammed. Kodları kopyalamak için Mozilla Firefox kullanmalısın. Firefox ile bu sayfayı aç, kodları seç ve CTRL+C ile kopyala. ;)

      Sil
    2. sağ ve sol tık engeli var ? nasıl yapacağız

      Sil
    3. Hocam, üstte arkadaşa açıkladım ama siz anlmamışsınız galiba. Ben daha farklı bir yöntem ile ve sizin için biraz daha ayrıntılı anlatayım o zaman.

      Mozilla Firefox ile siteyi açtıktan sonra, kodu normal bir şekilde işaretleyebiliyorsunuz zaten. Yani fareniz ile sol tıka basılı kalıp, internette haber okur gibi yazıların üzerinden geçerek. Bu şekilde tüm kodu seçiyorsunuz ilk önce. Daha sonra ise, sağ tık olmadığı için, fareniz kodu ile seçtikten sonra CTRL+C yapın. Daha sonra masaüstünüzde bir tane "Yeni Metin Belgesi" açın. İçine bir kez tıklayın ve CTRL+V yapın klavyenizden. Sitedeki kod, artık metin belgenizde. Ondan sonra oradan alın ve sitenize ekleyin.

      Sil
  26. kopyalama yasağı mı var burada .s

    YanıtlaSil
    Yanıtlar
    1. Mozilla Firefox ile siteyi açtıktan sonra, kodu normal bir şekilde işaretleyebiliyorsunuz zaten. Yani fareniz ile sol tıka basılı kalıp, internette haber okur gibi yazıların üzerinden geçerek. Bu şekilde tüm kodu seçiyorsunuz ilk önce. Daha sonra ise, sağ tık olmadığı için, fareniz kodu ile seçtikten sonra CTRL+C yapın. Daha sonra masaüstünüzde bir tane "Yeni Metin Belgesi" açın. İçine bir kez tıklayın ve CTRL+V yapın klavyenizden. Sitedeki kod, artık metin belgenizde. Ondan sonra oradan alın ve sitenize ekleyin.

      Sil
  27. Bay friend kodu kopyalacağızda şu sağ sol tık yasağınıda kaldırsan diyorum.

    YanıtlaSil
    Yanıtlar
    1. Üstteki yorumda nasıl kopyalanacağı ile ilgili gerekli açıklama yazıyor.

      Sil
  28. hocam bu tarz bir eklentiyi videolar icin yapabilirmiyim bir kac kod buldum ama güzel değil

    YanıtlaSil
  29. Bu kodu head kısmına ekledim fakat resim kodunu standart mı yüklüyoruz ben hazır tempalate içinde yapmak istedim.
    Resim kodunu ham bıraktım img src="images/izolasyon.jpg"olmadı.
    Resim kodu nasıl olmalı?

    YanıtlaSil
    Yanıtlar
    1. Resim kodu standart olmalı. Bu yazıda yazdıklarımı uyguladıktan sonra ayrıca, Blogger kontrol panelinden "Ayarlar -> Yayınlar, yorumlar ve paylaşım" kısmına girip, "Resimleri Lightbox ile gösterin" seçeneğini "Evet" olarak seçip, "Ayarları Kaydet" yapın.

      Sil
Yorum Sayfası :


Yorum formuna konuyla ilgili görüş ve sorularınızı bırakabilirsiniz.

Yorumunuza mümkün olan en kısa sürede dönüş yapılacağından emin olabilirsiniz.


Eklenen yorumlar, moderatör onayından sonra yayınlanmaktadır.

BLOGKAFEM.NET © Copyright 2008-2023
Sitedeki yazıların her hakkı BLOGKAFEM.NET sitesine aittir.
Kopyalanması halinde lütfen kaynak gösteriniz.
DMCA.com Protection Status
Anasayfa | Hakkında | İletişim