Sebuah blog yang bagus harusnya memiliki daftar isi untuk mempermudah pembaca mencari artikel yang ingin di baca. Selain itu daftar isi dapat mempercantik tampilan blog.
Tahap Pembuatan
1. Login di akun blog
2. Klik Dasboard
3. Klik Page Element
4. Klik Add GadgetTahap Pembuatan
1. Login di akun blog
2. Klik Dasboard
3. Klik Page Element
5. Klik plus button (+) for HTML/JavaScript. (img)
6. 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>
</div>
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>
</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 biru :
untuk menampilkan kode bagi posting yang baru ( terbaru ), ganti sesuai selera, "baru","terbaru", dll.
Simpan template dan lihat hasilnya.