
Resim Yakınlaştırma Eklentisini Blogunuza Uyarlamak İçin;
1.Adım:Kumanda Paneli>Tasarım>Htmlyi Düzenle yolunu takip edin widget şablonlarını genişlet kutucuğunu işaretleyin.Ctrl+F yardımı ile kodlar içerisinde ]]></b:skin> kodunu aratıp buluyoruz aşağıdaki kodu kopylayıp bulduğumuz ]]></b:skin> kodundan önceki kısma yapıştırıyoruz.
#easy_zoom{
width:600px;
height:400px;
border:5px solid #eee;
background:#fff;
color:#333;
position:fixed;
top:35px;
left:50%;
overflow:hidden;
-moz-box-shadow:0 0 10px #555;
-webkit-box-shadow:0 0 10px #555;
box-shadow:0 0 10px #555;
/* vertical and horizontal alignment used for preloader text */
line-height:400px;
text-align:center;
}
2.Adım:Yine aynı kodlar içerisinde Ctrl+F yardımı ile </head> kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodundan önceki kısma yapıştırıyoruz.<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/easyzoom.js' type='text/javascript'/>
<script type='text/javascript'>
$().ready(function() {
$('a.zoom').each(function(i) {
$(this).easyZoom();
});
});
</script>
şablonumuzu kaydedip çıkıyoruz.3.Adım:Son olarak da blogunuza eklediğiniz resimlerden zoom eklentisinin aktif halde olmasını istediğiniz resme;
resminizin HTML kodu normalde aşağıdaki gibidir.
<div class="separator" style="clear: both; text-align: center;">
<a class="zoom" href="http://2.bp.blogspot.com/-DPjvBLRp3XI/Tcl3KDrv0dI/AAAAAAAADwY/lyta4cvd9r0/s1600/large.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="http://2.bp.blogspot.com/-DPjvBLRp3XI/Tcl3KDrv0dI/AAAAAAAADwY/lyta4cvd9r0/s320/large.jpg" width="320" /></a></div>
zoom efektisinin aktif olmasını istediğiniz resmin html koduna kod içerisinde mavi renkle belirttiğimiz class="zoom" kodunu ekliyoruz.Zoom eklentimiz kullanıma hazır.VİDEOLU ANLATIM:
Her resim için ayrı ayrı mı ekleyeceğiz 3. adımdaki kodu?
YanıtlayınSilKod eklemiyeceksiniz.Resminizi herzamanki gibi normal olarak ekliyeceksiniz,resmi ekledikten sonra resmin HTML koduna class="zoom" kodunu 3.adımdada göründüğü gibi resim koduna ekliyeceksiniz.
YanıtlayınSilPaylaşımınız için öncelikle teşekkür ediyorum 1. ve 2. adımda sorun yok dediğiniz gibi uyuladım fakat 3. adımı da yapıyorum resimlerde olmuyor maalesef bende biryerde hatamı yapıyorum diyede kontrol yaptım kaç kere dediğiniz gibi yapıyorum aynen fakat olmuyor..
YanıtlayınSilPaylaşımınız için öncelikle teşekkür ediyorum 1. ve 2. adımda sorun yok dediğiniz gibi uyuladım fakat 3. adımı da yapıyorum resimlerde olmuyor maalesef bende biryerde hatamı yapıyorum diyede kontrol yaptım kaç kere dediğiniz gibi yapıyorum aynen fakat olmuyor..
YanıtlayınSilVideolu anlatım bile koymuşsunuz gerçekten siteme koymak istediğim bir özellikti ama herşeyi doğru yapmama rağmen tekrar tekrar yapıyorum yinede olmuyor anlıyamadım yinede sağolun çabanız için..
YanıtlayınSilvideolu anlatımı sizin için koydum zaten.Blog adresinizi verirseniz bir göz atalım blogunuza,belki eklentinin çalışması için size tavsiyelerde bulunabiliriz.
YanıtlayınSilPeki buyurun blog adresim.Videoyu benim için zahmet ettiğiniz içinde ayrıca teşekkür ediyorum...
YanıtlayınSilhttp://umutkuroglu.blogspot.com/
bunu yapamadım aslında istediğim bir özellikti ancak o kadar uğraşmama rağmen olmadı. :(
YanıtlayınSilvideolu anlatım da ekledim, takıldığınız nokta neresi? bize bildirin hemen yardımcı olalım.
YanıtlayınSilYa bunu yaptım ama Share Yazısı çıkınca kayboluya resimde :)
YanıtlayınSilharika oldu teşekkürler
YanıtlayınSilsize mail attım lütfen çok acil yardıma ihtiyacım var.
YanıtlayınSilzoom yaparken bir yanlışlık yaptım sanırım,sayfamın üstünde garip yazılar çıktı.silemiyorum da.resimleriimde zoomlanmıyor.
sonunda hallettim,yazıları sildim ama; ZOOM yapamadım malesef.
YanıtlayınSil