Centro tips blog. Setelah tadi pagi saya posting mengenai cara membuat tabview 3 kolom, sore ini saya akan memberi sedikit informasi cara membuat salah satu isi tabview saya yakni kolom “artikel” yang berisi daftar judul postingan. Daftar judul ini, disusun berdasarkan label yang telah kita berikan di masing-masing postingan. Contoh dapat anda lihat di bawah ini









Daftar judul postingan cukup penting agar pengunjung betah berlama-lama di blog kita. Karena semakin banyak postingan kita maka akan semakin banyak juga pilihan bagi pengunjung untuk membaca artikel yang telah kita buat. Daftar judul kali ini, mirip dengan kategori, namun lebih keren karena ada scroll bar serta memiliki pemberitahuan artikel mana saja yang baru sehingga pengunjung dapat menilik artikel-artikel terbaru kita.

Berikut adalah cara mudahnya untuk ditempel di sidebar  :
- Buka design >> klik “page elements”
- Lalu buka “add gadget”
- Pilih “HTML/java script”
- Kemudian paste (ctrl+v) kode berikut ke dalam gadget HTML
<div style="overflow: auto; width: 200px; height: 100px; text-align: left;">
<script src="http://centroind.googlecode.com/files/daftarisiotomatiscentro.js"><br /></script>
<script src=" http://www.centro.web.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"><br /></script>
</div>

- Save dan selesai

Keterangan :
- Tulisan merah merupakan lebar (width)  dan tinggi (heigth) kotak daftar judul, silahkan atur sesuai dengan keserasian sidebar anda
- Tulisan hijau, ganti dengan alamat blog anda

Berikut cara memasukkan daftar judul ke dalam tabview :
- Buat tabview seperti postingan saya sebelumnya
- Paste-kan dalam tab misal tab1.1 <br />
- Hapus kode ini  width: 200px; height: 100px;  karena akan membuat dobel scrol bar yang membingungkan. Sehingga kode akhirnya seperti ini

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 260px;">
<a>tab 1</a>
<a>tab 2</a>
<a>tab 3</a>
</div>
<div class="Pages" style="width: 256px; height: 270px;">

<div class="Page">
<div class="Pad">
<div style="overflow: auto; text-align: left;">
<script src="http://centroind.googlecode.com/files/daftarisiotomatiscentro.js"><br /></script>
<script src=" http://www.centro.web.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"><br /></script> <br />

- Save dan selesai
- Silahkan anda utak utik  sendiri seperti keterangan yang ada diatas

Semoga blog anda lebih dieksplor oleh pengunjung kita. Terima kasih

TAMBAHAN:
Kemaren saya gunakan script js dari http://fullmusic1975.fileave.com/daftarisiotomatis.js tapi EROR, silahkan ganti script anda dengan yang baru ini http://centroind.googlecode.com/files/daftarisiotomatiscentro.js atau tinggal kopas code diatas yang sudah diperbaiki