Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang


Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang - Sahabatku pembaca Setia Blakkotang, Saat ini anda sedang membaca pembahasan tentang Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang , saya hanya seorang newbie yang berbagi, dan mudah mudahan artikel ini bisa membantu sahabat semua dan tentunya anda bisa memahami dan menerapkanya ,bila ada kekurangan atau kesalahan harap di maklumi dan di beri saran ya... .

Judul : Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang
Membahas artikel tentang : Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang

Silahkan lihat juga artikel bermanfaat lainya


Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang

Artikel Tips Dan Trik, Artikel Tutorial Blogspot, Artikel Widget / Gadget,

Membuat Widget Daftar Isi Menggunakan Spoiler | Tutorial Blog

Kali ini saya akan berbagi tentang tutorial Membuat Widget Daftar Isi Menggunakan Spoiler, widget ini sangat berguna untuk menghemat tempat di sidebar, sama halnya dengan Widget Daftar Isi Tersembunyi.
Berikut cara Membuat Widget Daftar Isi Menggunakan Spoiler :
  • Login ke blogger, klik Design > Page Element.
    Widget Daftar Isi
  • Klik Add a Widget dan pilih HTML/Javascript.
    Widget Daftar Isi
  • Lalu letakkan kode berikut di area konten widget :
    <div class="smallfont" style="margin-bottom: 2px;">
    <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Daftar Isi'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Daftar Isi" /></div>
    <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
    <div style="display: none;  height: 250px; overflow: auto;">
    <script src="http://tutorial-blog.googlecode.com/files/feeds.js">
    </script><script src="http://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script>
    </div>
    </div>
    ket : wadahtutorial.blogspot.com ganti dengan alamat blog Sobat.
  • Terakhir klik Save.
    Membuat Widget Daftar Isi
    Selesai...
    Contoh tampilannya seperti berikut, silakan di klik.
    Judul Postingan
    Judul Postingan
    Judul Postingan
    Judul Postingan
    Dan Seterusnya
Sekian tutorial tentang Membuat Widget Daftar Isi Menggunakan Spoiler.


Begitulah Pembahasan tentang artikel ini Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang

Mungkin itu saja yang bisa saya jelaskan Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang , Dan semoga artikel ini bisa sedikit membantu untuk para sahabat blakkotang .

Sahabat sedang membaca pembahasan tentang Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang Pembahasan ini url permalinknya adalah https://blakkotang.blogspot.com/2012/01/tips-dan-trik-membuat-widget-daftar-isi.html Dan semoga pembahasan Mengenai Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang , Bisa Membantu Dan semoga juga artikel ini bisa bermanfaat, dan bila arikel ini menurut sahabat blakkotang bermanfaat silahkan di bagikan kepada teman atau sahabat-sahabat lainya, terimakasih ,

ARTIKEL BERIKUTNYA :

.

0 Response to " Tips Dan Trik Membuat Widget Daftar Isi Menggunakan Spoiler- Blak Kotang "

Post a Comment