Toggle Text
Sunday, June 3, 2012 @ 10:17 PM  0 stares
Preview:


CLICK THIS PLEASE


Template 2006 & Denim


Sign in blog > dashboard > design > add a gadget > HTML / Javascript
Copy kode dibawah ini dan paste di kolom HTML / Javascript yang kosong itu.


<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "THIS";
}
else {
ele.style.display = "block";
text.innerHTML = "THIS";
}
}
</script>
CLICK <a id="displayText" href="javascript:toggle();">THIS</a> PLEASE
<div id="toggleText" style="display: none">
Write anything here.
</div> 
Lets Study:
-Blue: Ganti dengan perkataan mu. Pastikan semuanya sama.
-Fuchsia: Tulis yang kalian mau :)


Classic Template / Blogskins:


Sign in blog > dashboard > template 
Copy kode dibawah dan paste di tempat yang diinginkan. 

 <script language="javascript">function toggle() {var ele = document.getElementById("toggleText");var text = document.getElementById("displayText");if(ele.style.display == "block") {ele.style.display = "none";text.innerHTML = "THIS";}else {ele.style.display = "block";text.innerHTML = "THIS";}}</script>CLICK <a id="displayText" href="javascript:toggle();">THIS</a> PLEASE<div id="toggleText" style="display: none">Write anything here.</div> 

Lets Study:
-Blue: Ganti dengan perkataan mu. Pastikan semuanya sama.
-Fuchsia: Tulis yang kalian mau :)


All done! Credits for copy.
If not? I'll banning you from blogger. :]
P/s: Hope u enjoy <3

Labels:

⇐ oldernewer ⇒