Ocak 06, 2013

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

Blogger Konu Resimlerinizi Saydamlaştırmak


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. Eklentinin önizlemesini görmek isteyenler: Blogger Konu Resimlerini Saydamlaştırmak Yapamadığınız bir yer olursa "YORUM" bölümünde belirtebilirsiniz, herkese kolay gelsin; iyi bloglamalar...

5 yorum :

Teşekkürler. İşe yarayacak bir paylaşım.

Hocma peki bu resimin üstüne geldiğimizde bir yazı görünmesini sağlayabilir miyiz mümkün müdür böyle bir şey ?

Hocam bir de bu resimi ekledim diyelim. Eklediğim bu resme tıklandığında bir sayfaya yönlendirilsin istiyorum kullanıcılar o nasıl olur ?

@gurkanca.com, onu yapmak için şu konuya bakın: http://bloglamazamani.blogspot.com/2012/07/resimlerinize-link-verin-link-verme.html

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.