Blogger LightBox v.1

Şu yazımda LightBox'tan söz etmiştim.Ancak yinede Blogger'a uyarlıyamadığımı ve yapamadığımı anlatmıştım.Şimdi ise sitemde uzun zamandır test ediyordum.Herhangi bir sorun çıkmadı ve bende şimdi sizlere anlatıyorum.

Aslında tam olara Lightbox denmez.Hâla uyarlayamadım Blogger'a ancak ona benzerini buldum ve hemen yaptım.

Evet ilk olarak yine işimiz sunucumuza gerekli dosyalarımı yerleştirmek.İlk olarak şu dosyayı indirin.İndirdiğimiz dosyada şağıdaki dosyalarını kendi sunucunuza yerleştirin.

yui-utilities.js
shadowbox.js
shadowbox.css
shadowbox-yui.js
shadowbox-prototype.js

HTML Düzenle kısmına gidin ve ardından aşağıdaki kodu yazın.Ben yine "-" işaretini koydum.Siz kodları yazarken o işaretleri kaldırın.

<script src="'http://kaanpc.googlepages.com/yui-utilities.js'" type="'text/javascript'/"><br /><script src="'http://kaanpc.googlepages.com/shadowbox-yui.js'" type="'text/javascript'/"><br /><sript src="'http://kaanpc.googlepages.com/shadowbox.js'" type="'text/javascript'/"><br /><script type="'text/javascript'"><br /><link href="-'http://kaanpc.googlepages.com/shadowbox.css'" type="'text/css'/"><br /><br /><-script type='text/javascript-'><br /><br />window.onload = function(){<br /><br />var o = {<br /> loadingImage: 'http://kaanpc.googlepages.com/loading.gif'<br />};<br /><br />Shadowbox.init(o);<br /><br />};<br /><br /></script><br /><link href="http://www.blogger.com/%27http://kaanpc.googlepages.com/shadowbox.css%27" rel="'stylesheet'" type="'text/css'/">

Ayrıca yukarıdaki kodda geçen loading.gif adlı dosyayı kendi sunucunuza yükleyin.

Şablonu kaydedin ve artık işleve geldi.Artık bundan sonra aşağıdaki kodları kullanarak LightBox yapabilirsiniz.


<-a rel="shadowbox" href="Tam resmin linki">Küçültülmüş resmin linki" /-><-/a->

Resim için Deastrilsion'a teşekkürler.