Resim Üzerine Sosyal Paylaşım Butonu Ekleme

WordPress resim üzerine sosyal paylaşım butonları ekleme işi css kullanarak bu şekilde olabilir. fare ile üzerine gelince açılan sosyal paylaşım butonları…Kodlamalar umarım birilerinin işine yarar. single.php veya sitede hangi alana eklenecekse ilgili divler o alana eklenip sosyal paylaşım butonlarına da linkler verilebilir. Resim kodlaması burada tek bir resim için verilse de tüm resimler için kullanmak isteyenler kullanılan temadaki resim kodunu <div class=”frk”>…</div> arasına yazabilirler.
ilgili kodlamalar aşağıdaki gibi…

<div class="frk">
	<img src="http://www.farukozturk.com.tr/resimdeneme/resim/atam.jpg" alt="faruk öztürk kişisel site webmaster webtasarım" />
	<span><a href="http://www.facebook.com/sharer.php?u=http://www.farukozturk.com.tr/resimdeneme/resim/atam.jpg" title="faruk öztürk kişisel sitesi" target="blank"><img src="http://www.farukozturk.com.tr/resimdeneme/resim/facebook.png" alt="faruk öztürk kişisel site webmaster webtasarım" /></a></span>
</div>

css dosyası

body { font-family: Arial; margin: 0 auto; }
.frk {position:relative; width:200px; height:70px;}
.frk span {display:none; position:absolute; top:50%; left:20%; width:200px; height:70px; margin:-25px 0 0 -25px; }
.frk:hover span {display:block;}

ÖRNEK GÖRÜNÜM

Yorum Yaz

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir