Resimlerinize Zoom Efekti

Gönderen Yasin 25 Nisan 2009 Cumartesi


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/FancyZoom.js' type='text/javascript'/>
<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.

Yazıyı İmle
Digg Technorati Stumble This Twitthis Del.icio.us Furl Reddit

13 yorum

  1. Unknown Dedi ki,

    güzel bir çalışma ama bana zor geldi bu,uğraştırıcı,sevgiler

    25 Nisan 2009 19:32

     
  2. Şenay- Doğam Dedi ki,

    Yine çok güzel bir çalışma tesekkur ederım.. Emeğinize saglık...

    25 Nisan 2009 19:58

     
  3. Yasin Dedi ki,

    @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

     
  4. TeknoMobi Dedi ki,

    Güzel çalışma eline sağlık... Kullanımı zor değil aslında...

    25 Nisan 2009 21:23

     
  5. Unknown Dedi ki,

    Kanlı takipteyim,sitemede destek ikonunu kayıt ettim...

    27 Nisan 2009 12:22

     
  6. Yasin Dedi ki,

    Teşekkürler DÜN BUGÜN...:)

    27 Nisan 2009 16:39

     
  7. Adsız Dedi ki,

    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

     
  8. Yasin Dedi ki,

    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

     
  9. Unknown Dedi ki,

    ÇOK GÜZEL VEDE BANA ÇOK LAZIM AMA HAYATTA YAPAMAM,YİNEDE PAYLAŞIMIN İÇİN TEŞEKKÜRLER.

    3 Mayıs 2009 20:37

     
  10. Yasin Dedi ki,

    Aslında çok kolay gerekliyse denemelisiniz:D

    4 Mayıs 2009 00:48

     
  11. Adsız Dedi ki,

    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

     
  12. 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

     
  13. B | ilquer Dedi ki,

    Evet yapımı çok kolay ve görünümü estetik.

    15 Mayıs 2010 17:46

     

Yorum Gönder

Son Yazılar

Son Yorumlar

Translate

İzleyiciler