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.
Çok işe yarar uygulama.
YanıtlayınSilhayırlı oldu , tüm resimlerim Lightbox şeklinde açılıyor :D
YanıtlayınSilBir dakika. Birazdan ekleyeceğim. Eğer işe yararsa oldukça iyi bir işlevmiş.
YanıtlayınSilBu 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ıtlayınSilHocam sadece blogger içinmi bu kodlar? Başka sistemlerde yapılabilirmi.
YanıtlayınSilKonu 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ıtlayınSilKayı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ıtlayınSilbloggerım daha da güzelleşti lightbox ile teşekkürler
YanıtlayınSilSitemde 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ıtlayınSilBenim blogta olmadı :S
YanıtlayınSilAyarları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ıtlayınSilEkleme : Sitenizi kontrol ettim az önce. Sizin fotoğraflarınız zaten lightbox ile açılıyor şuanda.
YanıtlayınSilgüzel arıyodum bi kaç gündür iyi denk geldi siteniz güzel gerçekten teşekkür ederim
YanıtlayınSilYardımcı olabildiğime sevindim Sercan. Her zaman beklerim..
YanıtlayınSilBu yorum yazar tarafından kaldırıldı.
YanıtlayınSil@Emincan Saral
YanıtlayınSilVay canına! :D Rica ederim Emincan! :D
evet lightbox ile açıyor ama ayriyetten birde kendi şeklinde acılıyor buna bir cozum lazım :D
YanıtlayınSilhemde deli gibi yavaşlatıyor..
YanıtlayınSil@Emincan Saral
YanıtlayınSilEvet 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.
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ıtlayınSil@Adsız
YanıtlayınSilO durum resimden resme değişir diye düşünüyorum. Tüm resimlerde mi aynı sorun var?
güzel bir eklenti
YanıtlayınSilEvet tausam iyi ama; kodlar kasmasa daha iyi olacaktı.
YanıtlayınSilKodları kopyalamıyorum galiba sağ tuş yasağı var yardımcı olursanız sevinirim.
YanıtlayınSilMerhaba 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ıtlayınSilkopyalanmıyo :D
YanıtlayınSilMozilla 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@Ahmet
YanıtlayınSilMerhabalar Ahmet. Kodları kopyalamak için Mozilla Firefox kullanmalısın. Firefox ile gir, kodları seç ve CTRL+C ile kopyala. ;)
Kopyalanmıyorki !
YanıtlayınSilMerhabalar Muhammed. Kodları kopyalamak için Mozilla Firefox kullanmalısın. Firefox ile bu sayfayı aç, kodları seç ve CTRL+C ile kopyala. ;)
Silsağ ve sol tık engeli var ? nasıl yapacağız
SilHocam, ü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.
SilMozilla 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.
kopyalama yasağı mı var burada .s
YanıtlayınSilMozilla 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.
SilBay friend kodu kopyalacağızda şu sağ sol tık yasağınıda kaldırsan diyorum.
YanıtlayınSilÜstteki yorumda nasıl kopyalanacağı ile ilgili gerekli açıklama yazıyor.
Silhocam bu tarz bir eklentiyi videolar icin yapabilirmiyim bir kac kod buldum ama güzel değil
YanıtlayınSilBilgim yok hocam. Hiç denemedim.
SilBu kodu head kısmına ekledim fakat resim kodunu standart mı yüklüyoruz ben hazır tempalate içinde yapmak istedim.
YanıtlayınSilResim kodunu ham bıraktım img src="images/izolasyon.jpg"olmadı.
Resim kodu nasıl olmalı?
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