Blogger Konu Resimlerinizi Saydamlaştırmak İster Misiniz ?

06:00 | 0 yorum


Bir yeni daha blogger eklentisi " Resmin Üzerine Gelince Saydamlaştıran Kod " diye rahatlıkça bulabileceğiniz bir eklenti. Parlak resimlerinizi saydamlaştırarak farklı bir efekt vermek kodunu paylaşmadan önce; daha önce Blogger Resimlere 5 Farklı Efekt Verme yöntemini anlatmıştım ama içlerinde saydamlaştırma kodu yoktu.
Şimdi resimleri nasıl saydamlaştırabiliriz ona bakalım. Yalnız bu kod sadece konu içerisinde ekli olan resimleriniz için geçerli olacaktır. Ana sayfanızda sıralanmış konu resimlerinde eklenti çalışmayabilir. 
  • Kumanda Paneli
  • Şablon
  • HTML'yi Düzenle
  • Widget'i Genişlet bu yolu izledikten sonra CTRL + F yardımı ile aşağıdaki kod bulun
]]></b:skin>
Yukarıda bulduğunuz kodun hemen üzerine gelecek şekilde aşağıdaki kodu ekleyin. 
.blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
Yukarıdaki kodu ekledikten sonra ŞABLONU KAYDEDİP çıkın. Resimleri Saydamlaştırma kodunu uygulamak için yeni bir yayın oluşturun ve herhangi bir resim ekleyin. Eklediğiniz resmin URL kısmını kopyalayın. 
Kopyaladığınız resmin linkini aşağıdaki kırmızı ile işaretli alana yapıştırın. 
<a class="blur"> <img alt="resim" border="0" src="KOPYALADIĞINIZ RESMİN LİNKİ" /></a>
İşlem bitmiştir. 

Kategori: , , , ,

0 yorum