ByBlog.Org

Merhaba saygıdeğer arkadaşlarım

Benim gibi çoğu şahsiyet Siteye Alexa ve Sayyaç kodu koymadan edemiyor. Ama bazen sayyac ve alexa gibi grafikler sitemizin renkleriyle veya tasarımıyla hiç uyuşmuyor.

Benimde sitemde başıma böyle bir şey geldi ve bu şekilde Java ile gizleme ve gösterme hede hödösü yaptım.
Şu şekilde + ya basınca açılcak – ye basınca kapancak sitenin en altında demosunuda görebilirsiniz.

Kodlara geçelim
temamızın header.php dosyasında bu kodu bulalım

</head>

üstüne bu kodu ekleyelim

<script type="text/javascript" >
	function goster() {
		document.getElementById("goster").style.display = "none";
		document.getElementById("gizle").style.display = "block";
		document.getElementById("alan").style.display = "block";
	}

	function gizle() {
		document.getElementById("gizle").style.display = "none";
		document.getElementById("goster").style.display = "block";
		document.getElementById("alan").style.display = "none";
	}
</script>

style.css dosyamızın en altına şu kodu ekleyelim

#alan{display:none;}
span#goster{cursor:pointer;}
span#gizle{display:none; cursor:pointer;}

Sonra footer veya artık nereye koyacaksak şu kodlarımızla çalıştıralım

<center>
<span id="goster" onclick="goster();" >+</span>
<span id="gizle" onclick="gizle();" >-</span>

<div id="alan" >

Alexa, sayyac vs. kodları buraya koyun.

</div>
</center>

Bu yazı Perşembe, 22 Temmuz 2010, 22:34 tarihinde Webmaster, Wordpress kategorisi altında yayınlandı. Bu yazıya yapılacak yorumlardan haberdar olmak için RSS 2.0 beslemesini kullanabilirsiniz. Yorum yapabilirsiniz, veya kendi sitenizden geri izleme yapabilirsiniz. Yazar: admin