Jumat, 03 September 2010

Membuat Widget daftar isi dengan Fungsi Scroll

1. login dulu di akun blogger
2. Klik "Rancangan" => "Edit Laman"
3. Langkah selanjutnya, klik "HTML/Javascript"
4. Copy kode di bawah ini dan copas di kotak yang telah disediakan :
<div style="margin: 5px 20px 20px;"><input value="Buka" style="margin: 0px; padding: 0px; width: 60px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tutup&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Buka&#39;; }" type="button" /> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;"> <script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script>
<script src="http://URLanda.blogspot.com/feeds/posts/default?max-results=800&alt=json-in-script&callback=loadtoc"></script>
</div></div>
Ganti kode yang berwarna merah dengan url blog Anda.

5. Klik "Simpan"

0 komentar: