Bugün çok güzel bir eklentiyle daha karşınızdayım. Blog yazılarınıza resim ekliyorsunuz değil mi? Peki resimlerinizin zoom efektiyle açılmalarını ister miydiniz? Zoom efekti de ne diyorsanız sizi orjinal sayfasındaki örneklere alabilirim ya da isterseniz Deneme blogumdaki Zoom Efekti yazımdaki resme tıklayıp eklentiyi kendiniz test edebilirsiniz. Bence her blogda bulunması gereken eklentilerden de bir tanesi de zoom efekt eklentisi. Resierinize hareket katmak istiyorsanız aşağıdaki kodları blogunuza uygulayabilirsiniz.
Birinci adıımımız Blogger'a giriş Yerleşim---->Html'yi Düzenle kısmına geliyoruz ve </head> kodunu bulup hemen önüne aşağıdaki kodları yapıştırıyoruz.
<script src='http://zendersto.110mb.com/FancyZoomHTML.js' type='text/javascript'/>
Evet ikinci adımımız ise <body> kodunu bulup <body onload="setupZoom()"> koduyla değiştiriyoruz. ( <body> kodunu değiştirdiğimizi unutmuyoruz. İlerde body koduyla işimiz olursa artık bu kodu temamızda arayacaksınız.)
Şimdi şablonumuzu önizleyelim bir sorun yoksa kaydedelim. Şu anda zoom efektine sahip oldunuz bile.
***Fakat zoom efekti uygulamak istiyorsanız yazı yazarken yeni bir formda resim eklemeniz gerekiyor. Yazı yazarken Html'yi düzenle kısmına gelip: Ekleyeceğiniz resme:
<a href="Image link"><img src="image link" width="300" border="0" height="200" />
bu kodları uyguluyoruz.
Not:
Image link : yazan yerleri silip jpg, png, gif formatlı resminizin linkini yapıştırıyoruz...
Width : resmin genişliği
Height: resmin yüksekliği.
Border: resim çerçevesi.
Örneğin:
<a href="http://img6.imageshack.us/img6/4505/336x280.png"><img src="http://img6.imageshack.us/img6/4505/336x280.png" width="300" height="200" border="0" /></a>
Zorlanacak olan arkadaşlar için de resim koyuyorum. Yazı içerisinde zoom efektini nasıl kullanacağınız hakkında:
***NOT: Eklentinin daha hızlı çalışmasını istiyorsanız Lütfen Fancyzoom .js dosyasını bilgisayarınıza indirin. HotLinkFiles.com ya da SigMirror.com gibi ücretsiz hostlara yükleyiniz. Yüklediğiniz dosyanın adresini kodlarda bulunan
http://zendersto.110mb.com/FancyZoom.js
ve
http://zendersto.110mb.com/FancyZoomHTML.js
.js dosyalarıyla yer değiştiriniz.
13 yorum
güzel bir çalışma ama bana zor geldi bu,uğraştırıcı,sevgiler
25 Nisan 2009 19:32
Yine çok güzel bir çalışma tesekkur ederım.. Emeğinize saglık...
25 Nisan 2009 19:58
@Dün Bugün
:)) Uğraşmak isteyince o kadar da uğraştırıcı değil... Belki ilerde lazım olur aklınızda bulunsun.
Bizden de size sevgiler efendim. Siz takipte kaldıkça ben anlatmaya devam edeceğim...
@Doğa
Blogumu takip ettiğiniz ve değerli yorumlarınız için ben teşekkür ederim...
25 Nisan 2009 20:10
Güzel çalışma eline sağlık... Kullanımı zor değil aslında...
25 Nisan 2009 21:23
Kanlı takipteyim,sitemede destek ikonunu kayıt ettim...
27 Nisan 2009 12:22
Teşekkürler DÜN BUGÜN...:)
27 Nisan 2009 16:39
Güzel Bir ÇAlışma Ama Benim Sizden Başka Bir Eklenti İsteğim Var.Ama Çok Güzel Bir Eklenti..www.bizdevariz.com Bu Sitedeki Üst Bölümde Küçük resimli Yana Kayan Slide Den Bloggere NAsıl Ayarlarız.Veya Bakın Burdada O eklentiden Var http://scarlett-talks.blogspot.com/ Yapabilirseniz Çok Makbule Geçer..İyi Çalışmalar.
28 Nisan 2009 20:10
Bu hazır bir wordpress temasıdır. Buna benzer flash menüler blogger içinde yapıldı bunlardan 2 tanesini blogumda anlattım. Yalnız oklu değiller.. Oklu olan menüleri de yayınlamaya çalışacağım. Çok fazla istek var yetişemiyorum:))
Blogumdan "featured content" diye aratırsan aradığına benzer eklentilere ulaşabilirsin...
28 Nisan 2009 20:30
ÇOK GÜZEL VEDE BANA ÇOK LAZIM AMA HAYATTA YAPAMAM,YİNEDE PAYLAŞIMIN İÇİN TEŞEKKÜRLER.
3 Mayıs 2009 20:37
Aslında çok kolay gerekliyse denemelisiniz:D
4 Mayıs 2009 00:48
gizemliblog istediğin temanın aynısı burada var.Üstelik blogspot için.
http://www.bloggerstyles.com/magasin-seis-blogger-template/
5 Mayıs 2009 13:27
tekrar merhaba, dediklerinizi harfiyen yaptım fakat;
Şablonunuzu kaydedemedik
Lütfen aşağıdaki hatayı düzeltin ve şablonunuzu tekrar gönderin.
Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
XML hata iletisi: Element type "body" must be followed by either attribute specifications, ">" or "/>".
diye hata veriyor?? :(
24 Haziran 2009 04:38
Evet yapımı çok kolay ve görünümü estetik.
15 Mayıs 2010 17:46
Yorum Gönder