Blogger Resimlere Zoom Efekti Verme Eklentisi

ads

ads

Blogger Resim ZoOm Eklentisi

Merhaba

Bloglarınıza farklılık katacak www.ibrahimfirat.net sitemizinde kullandığı çok güzel bir eklentinin paylaşımını yapacağız.  Blogger bloglarda resimlere zoom efekti nasıl verilir hep birlikte bir kaç adımda kodlarımızı yerleştireceğiz. Demoya bakmak için konumuzdaki resmin üzerine mause ile gelin.

1. adım: 

Blogger hesabınıza giriş yaparak kumanda paneli bölümünden HTML'yi düzenle kısmından kodlarınızın bulunduğu yeri açın. ve şu kodu Ctrl + F ile arama yaparak bulun.  ]]></b:skin> bulduğunuz   ]]></b:skin> kodunun  üst kısmına gelecek şekilde aşağıdaki kodu ekleyin ve kaydedin.

.hovergallery img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ey-transform:scale(0.8); -webkit-transition-süre: 0.5s; -moz-transition-süre: 0.5s; -ey-geçiş-süre: 0.5s; opacity: 0.7; margin: 0 5px 10px 0; } .hovergallery img:hover{ -webkit-transform:scale(2.1); -moz-transform:scale(1.1); -ey-transform:scale(1.1); opacity: 1; }

Yukarıdaki kodda değişiklik yaparak resime çok veya az efekt vermek isterseniz şu kod sayılarında oynama yapın.  webkit-transform:scale(1.1);  1 - 2 - 3 kadar ilk rakamı çoğaltabilirsiniz fazlası çok büyüteceğinden tavsiye edilmez.

2. adım:

Sitenize içerik eklerken kullanacağınız kod:

<a class="hovergallery" href="http://ibrahimfirat.net/" target="_blank">

<img alt="wordpress" height="106" src="jpgekle" title="açıklama" width="200" /></a>

ads