Blogger Resimlerinize Zoom Efekti Ekleyin.


Kaliteli resimler yayınlıyorsunuz blogunuzda. Bu kaliteli resimlere zoomlama yani üzerine gelince imlecin olduğu yerin yakınlaşmasını istemez misiniz ? Zoomlama sayesinde resimlerinizdeki ayrıntılar daha kolay ve iyi bir şekilde görünecektir. Bu şekilde profesyonel blogger anlayışınız pekişecek, kaliteli blogların sahipleri olacaksınız.

zoom, image zoom

Eğer sizde profesyonel bloglar yazıyorsanız bu eklentiyi kulanmanız yararınıza olacaktır. O zaman hikaye kısmını geçelim, bu eklentiyi nasıl kullanacaksınız ? Nasıl uygulayacaksınız ?

İlk olarak : Kumanda Paneli>Tasarım>Htmlyi Düzenle bu yolu izleyin daha sonrasında sağ üst kısımda bulunan widget şablonlarını genişlet kutucuğunu işaretleyin. Ctrl+F yardımı ile kodlar içerisinde ]]></b:skin> kodunu bulun. Bu kodu bulduktan sonra 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:Bu sefer yine aynı şeilde 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() { 
$(&#39;a.zoom&#39;).each(function(i) { 
$(this).easyZoom();
}); 
}); 
</script>

şablonumuzu kaydedip çıkıyoruz.
3.Adım: Şimdi geldik en son kısma.. Son olarak da blogunuza eklediğiniz resimlerden zoom eklentisinin aktif halde olmasını istediğiniz resme bazı kodlar eklememiz gerekiyor.
resminizin HTML kodu normalde aşağıdaki gibi görünür ;

<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 kırmızı renkle belirttiğimiz class=”zoom” kodunu ekliyoruz.Zoom eklentimiz kullanıma hazır.


İlgili Aramalar :  Bloggerınıza zoomlama efekti, Zoomlama eklentisi, Resimleri zoomlayın, Picture zoom plugin for blogger, Blogger resim zoomlama


Yararlanılan Kaynak 
Kaynak 1

Tepkiniz nedir?

Çok Eğlendim Çok Eğlendim
0
Çok Eğlendim
Deneme Deneme
0
Deneme
Beğendim Beğendim
0
Beğendim
Yarıldım Yarıldım
0
Yarıldım
Sinirlendim Sinirlendim
0
Sinirlendim
hate hate
0
hate
Kafam Karıştı Kafam Karıştı
0
Kafam Karıştı
Fail Fail
0
Fail
Çalışkan Çalışkan
0
Çalışkan
Lol Lol
0
Lol
Aşık oldum Aşık oldum
0
Aşık oldum
Aman Tanrım Aman Tanrım
0
Aman Tanrım
Korktum Korktum
0
Korktum
Rahatladım Rahatladım
0
Rahatladım
OHA OHA
0
OHA
sosyofikir
Mimarlık Fakültesi sonsınıf öğrencisi, mimar adayı. :) 2010'dan beri sosyofikir.com blogumla yayın yapıyorum. Sosyal, müzik, felsefe, psikoloji, güncel, yaşam ve daha bir çok konuyla yakından ilgileniyorum. Siz değerli okurlarıma elimden geldiğince güzel içerikler sunmaya çalışıyorum. Hatamız olursa affola :)

0 Comments

Bu yazılarımızda ilginizi çekebilir..

More From: Blogger

DON'T MISS

Bir format seç
Kişisel Test
Kişisel bir şey ortaya koymayı amaçlayan sorular dizisi
Önemsiz Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar verme ya da görüş belirleme/oy verme
Hikaye/Olay
Gömülü ve Görsellerle Biçimlendirilmiş Metin
Liste
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Açık Liste
Submit your own item and vote up for the best submission
Oylanabilir Liste
Upvote or downvote to decide the best list item
Video
Youtube, Vimeo veya Vine Kodları
Ses
Soundcloud or Mixcloud Embeds
Görsel
Fotoğraf veya GIF
GIF
GIF Formatı