Hide or Show Content with Link by Using JavaScript
maksudnya kita bisa meng-collapse postingan atau konten di sidebar.
Contohnya seperti yang ada di postingan Belajar Bahasa Korea.
Langkahnya :
1. Login Blog
2. Dashboard > Theme > Edit HTML
3. Cari kode
</head>4. CoPas kode ini di ATAS kode </head>
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
5. Save
Langkah berikutnya
1. Buat Postingan Baru / New Post.
2. Pilih HTML , ada di sebelah Colapse
3. CoPas kode ini
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Link Title</a><br />
<div class="commenthidden" id="UniqueName"
>Expanded Content</div>
UniqueName : ganti dengan nama yang uniq artinya tidak boleh nama yang sama dalam dua pengunaan.
Contohnya, jika aku mengunakan hack ini ke dalam blogroll link teman-teman dengan nama UniqueName-nya "LinkSatu", maka untuk blogroll link Situs Favorit misalnya, namanya harus "LinkDua".(ngga boleh sama ).
Link Title : merupakan judul atau tombol ( bisa berupa tulisan atau image ). yang apabila di tekan akan menampakan atau meyembunyikan sebuah elemen.
Expanded Content : merupakan Elemen yang di sembunyikan. bisa berupa postingan, linklist dll.
4. Publish! Dan cek ricek hasilnya.
0 komentar:
Posting Komentar