Cara Membuat Daftar Isi Efek Nudging Dengan Background Gambar

Minggu, 10 Juni 2012

Contohnya seperti gambar diatas.

Sedangkan caranya ada dibawah hehee..

1.   Login ke blog kamu
2.   Pilih Entri Baru
3.   Copy pastekan kode dibawah ini di tab "Edit HTML" bukan Compose.

<div style="background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat scroll 0 0#000;background-position:bottom right; border-radius:8px; text-shadow:1px 2px 1px #000;color:white; border: 2px solid white; height: 310px; overflow: auto; padding: 10px; width: auto;">
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://davidchielietonga06.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script></div>

NB : Warna merah ganti dengan URL gambar dan alamat blog kamu.

4.   Kemudian simpan.

Tambahan :
Kode diatas juga bisa dibuat dengan cara :
1.   Pilih Tata Letak
2.   Kemudian Tambah Gadget
3.   Lalu pilih HTML/Javascript

<< SELAMAT MENCOBA DAN SEMOGA BERHASIL >>