Spotify Link Kısaltma Nasıl Yapılır?
1 yıl önce
multibox etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
multibox etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Resimlerinize Zoom Efekti
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'/>
<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.
