Daftar isi Otomatis

 
Membuat daftar isi blog merupakan hal yang bisa kita lakukan untuk menampilan isi posting dalam blog secara lengkap dan juga bisa memudahkan pembaca untuk mengakses isi blog yang ada.
Sekarang kita akan mencoba membuat daftar isi yang menampilkan isi posting secara keseluruhan yang terbagi dalam label posting secara otomatis. ini merupakan alternatif membuat daftar isi disamping posting membuat daftar isi otomatis yang dibahas beberapa waktu yang lalu.


Langkah Pertama

  1. Klik Page Element
  2. Klik Add Gadget
  3.   AddGadget
  4. Klik plus button (+) for HTML/JavaScript. (img)

    HTML

  5. Copy and paste kode dibawah ini




<div style=”overflow:auto;


padding-left:5px;




border:1px solid white;

width:95%;
height:400px;
background:transparent url(#) no-repeat ;”>

<script language=”javascript”>


numposts=9999;

home_page=”BLOK KAMU.blogspot.com”;
explanpost=”new”;

</script>


<ul><script style=”text/javascript” src=”http://sites.google.com/site/kibagusnet/x-design/sitemap-np.js”></script></ul&gt;




</div>

 Keterangan :

Kode Warna merah :
width:95%, lebar widgets diatur secara otomatis menyesuaikan lebar kolom, ganti 100px bila ingin diatur secara manual, angka 100 menunjukan lebar widgets ( ganti sesuai kebutuhan )

height:400px, tinggi widgets angka 400 menunjukan tinggi widgets ( ganti sesuai kebutuhan )

Kode Warna orange :
kode transparent menunjukan warna netral ( menggunakan warna dasar blog ) ganti dengan kode warna sesuai kebutuhan, Url(#) kode # berarti tidak menggunakan background image, bila ingin menggunakan image ganti dengan alamat URL image yang akan dipasang


Kode warna kuning :
Alamat blog kamu
Kode warna hijau :
untuk menampilkan kode bagi posting yang baru ( terbaru ), ganti sesuai selera, “baru”,“terbaru”, dll.


Simpanlah dan lihat hasilnya

Semoga bermanfaat…!

Terima kasih…!

Perihal hidayat
Hanya seorang manusia biasa

One Response to Daftar isi Otomatis

  1. Ping-balik: The Making of The Repsol Honda Commercial « repsolhondahrc

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: