Cara membuat spoiler Twitter

gini gan.
jadi ane kan twitternya private gitu.
jadi isinya cuman ane ama pacar ane aja gan. (bilang aja ga ada yang follow)
tapi blog ane pengin canggih gitu ada twitternya dlm blog jadi ane masukin deh.

tapi kan ane inget tuh twitter ane pengennya private. tp knp malah keliatan semua orang ? (seolah blognya laku aja)
jadi ane buat spoiler gan. jadi jarang ada yg liat gitu :D

buat yang belum tau. spoiler itu kaya tombol buat munculin ato ngumpetin objek.
bisa juga di pake buat gambar ato tulisan gitu.
tapi ane di sini bikin buat twitter..

nih koding buat twitter ane.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> Click </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


<div id="twitter_div">
<h2 class="sidebar-title" style="display:none;">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/allandeman2" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/allandeman2.json?callback=twitterCallback2&count=5"></script>

</div></div></div></div>


jadi yang atas

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> Click </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


buat ngebuka spoilernya.
terus yang paling bawah.

</div></div></div></div>

buat nutup koding spoilernya.

nah yang di tengah2 itu html buat twitter ane.
itu bisa di ganti gambar ato postingan gitu. ato terserah agan.

nah kalo mau masukkin twitter agan sendiri agan bisa dapetin di sini .
nah kalo udah masuk ke bloggernya twitter agan.
sekarang twitter agan berbentuk html . soalnya bukan dapet dari bloggernya otomatis.

nah sekarang tinggal agan tambahin koding spoiler yang di atas td deh. jangan lupa di tutup.

have a try yah :D