Bengkel Utak Atik Blog

Membuat Daftar Isi Manual

Contoh (1)
(Tinggi, lebar, warna auto menyesuaikan sidebar)

Daftar Link Sahabat

Kode HTML-nya dibawah ini.


<div class="widget-content">
<ol>
<li><a href="http://www.arifcahya.blogspot.com/"target="_new"> Arief Cahya Wicaksono, Yogjakarta</a></li>
<li><a href=" http://coretan-cak-pandi.blogspot.com/" target="_new"> Cak Pandi, Lubuk Linggau </a></li>
<li><a href=" http://www.deddykarapan.co.cc/"target="_new"> Deddy Karapan, Semarang </a></li>
<li><a href=" http://jengkis.blogspot.com/" target="_new"> Jengkis, Palembang </a></li>
<li><a style="" href="http://ekoendya.wordpress.com/"target="_new"> Erwin Kundya, Gunungkidul Yogjakarta</a></li>
<li><a href="http://lpk-alqolam-mgs.blogspot.com/"target="_new">LPK-AL-QOLAM, Megang Sakti</a></li>
<li><a href=" http://yunusumd.blogspot.com/"target="_new"> Muh. Yunus, Medan </a></li>
<li><a href=" http://amienugie.blogspot.com/"target="_new"> Nanang Sugianto, Medan </a></li>
<li><a href=" http://satrio-duniatumbuhan.blogspot.com/"target="_new"> Satrio Nugroho, Megang Sakti </a></li>
<li><a href=" http://megangsaktismpn.blogspot.com/"target="_new"> Situs SMPN Megang Sakti </a></li>
<li><a href=" http://berbagiwallpaper.blogspot.com/"target="_new"> Yusuf Abdul Aziz, Yogjakarta </a></li>
<li><a href=" http://everypotandpan.blogspot.com//"target="_new"> Every Pot and Pan, Oregon </a></li>
<li><a href=" http://enisetyowati.blogspot.com/"target="_new"> Eni Setyowati, wonosari, yogyakarta, Indonesia </a></li>
<li><a href=" http://longboardskateboardblog.com/"target="_new"> Zack, Longboard Skateboard </a></li>
<li><a href=" http://everyth1ng.blogspot.com/" target="_new"> ZaM, Blog Everyth1ng, Tasikmalaya</a></li>
</ol></div>


Contoh (2)
(Tinggi, lebar, warna dapat diatur sendiri)

Daftar Link Sahabat

Kode HTML-nya dibawah ini.


<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:160px; height:300px; background-color: #000000; border:1px solid #000000;">

<div class="list">
<a href="http://www.arifcahya.blogspot.com/">1. Arief Cahya Wicaksono, Yogjakarta</a></div>

<div class="list">
<a href="http://coretan-cak-pandi.blogspot.com/">2. Cak Pandi, Lubuk Linggau</a></div>

<div class="list">
<a href="http://www.deddykarapan.co.cc/">3. Deddy Karapan, Semarang</a></div>

<div class="list">
<a href="http://jengkis.blogspot.com/">4. Jengkis, Palembang</a></div>

<div class="list">
<a href="http://ekoendya.wordpress.com/">5. Erwin Kundya, Gunungkidul Yogjakarta</a></div>

<div class="list">
<a href="http://lpk-alqolam-mgs.blogspot.com/">6. LPK-AL-QOLAM, Megang Sakti</a></div>

<div class="list">
<a href="http://yunusumd.blogspot.com/">7. Muh. Yunus, Medan</a></div>

<div class="list">
<a href="http://amienugie.blogspot.com/">8. Nanang Sugianto, Medan</a></div>

<div class="list">
<a href="http://satrio-duniatumbuhan.blogspot.com/">9. Satrio Nugroho, Megang Sakti</a></div>

<div class="list">
<a href="http://megangsaktismpn.blogspot.com/">10. SMPN Megang Sakti</a></div>

<div class="list">
<a href="http://berbagiwallpaper.blogspot.com/">11. Yusuf Abdul Aziz, Yogjakarta</a></div>

<div class="list">
<a href="http://everypotandpan.blogspot.com/">12. Every Pot and Pan, Oregon</a></div>

<div class="list">
<a href="http://enisetyowati.blogspot.com/">13. Eni Setyowati, wonosari, yogyakarta, Indonesia </a></div>

<div class="list">
<a href="http://longboardskateboardblog.com/">14. Zack, Longboard Skateboard</a></div>

<div class="list">
<a href="http://everyth1ng.blogspot.com/">15. ZaM, Blog Everyth1ng, Tasikmalaya</a></d


Contoh (3)
Sejarah Indonesia 1945-1950

1. Peristiwa Rengasdengklok 16 Agustus 1945
2. Perumusan Teks Proklamasi
3. Pernyataan Proklamasi Kemerdekaan RI
4. Sambutan Di Tingkat Pusat dan Daerah
5. Menata Kehidupan Pemerintahan Di Awal Kemerdekaan Indonesia
6. Menata Kehidupan Ekonomi Di Awal Kemerdekaan Indonesia
7. Menata Kehidupan Meliter Di Awal Kemerdekaan Indonesia
8. Menata Hubungan Pusat – Daerah Di Awal Kemerdekaan Indonesia
9. Munculnya Gejolak Sosial Di Berbagai Daerah
10. Perkembangan Partai Politik Di Awal Kemerdekaan Indonesia
11. Kontribusi Daerah-Daerah Dalam Perjuangan Mempertahankan Kemerdekaan
12. Perundingan Linggarjati 10-15 Nopember 1946
13. Agresi Meliter Belanda I Tanggal 21 Juli 1947
14. Perundingan Renville 8 Desember 1948
15. Agresi Meliter Belanda II Tanggal 18 Desember 1948
16. Pemerintahan Darurat Republik Indonesia (PDRI) Di Sumatera Tanggal 19 Desember 1948
17. Perundingan Roem-Royen Tanggal 7 Mei 1949
18. Konferensi Intern Indonesia 19 – 22 Juli 1949
19. Konferensi Meja Bundar (KMB) 23 Agustus – 2 Nopember 1949
20. Pengakuan Kedaulatan 27 Desember 1949
21. Terbentuknya Republik Indonesia Serikat (RIS)
22. Konflik Indonesia – Belanda Setelah Pengakuan Kedaulatan
23. Pemberontakan DI/TII terjadi Di Empat Daerah
24. Pemberontakan Angkatan Perang Ratu Adil (APRA) 23 Januari 1950
25. Pemberontakan Andi Aziz di Makasar
26. Pemberontakan Republik Maluku Selatan (RMS)
27. Pemberontakan PRRI-Permesta
28. Pemberontakan Partai Komunis Indonesia ( PKI ) di Madiun

Kode HTML-nya dibawah ini.
Jangan lupa tutup dengan kode: </div>


    <div class="MsoNormal" style="background-color: #20124d; color: white; text-align: center;">
    <b style="mso-bidi-font-weight: normal;"><span lang="SV" style="font-size: 20pt;"><blink>Sejarah Indonesia 1945-1950<blink></blink></blink></span></b></div>
    <div style="border: 1px solid #000000; height: 120px; overflow: auto; padding: 10px; width: 475px;">
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/peristiwa-rengasdengklok-16-agustus.html">1. Peristiwa Rengasdengklok 16 Agustus 1945</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/perumusan-teks-proklamasi.html">2. Perumusan Teks Proklamasi</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/pernyataan-proklamasi.html">3. Pernyataan Proklamasi Kemerdekaan RI</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/sambutan-di-tingkat-pusat.html">4. Sambutan Di Tingkat Pusat dan Daerah</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/menata-kehidupan-pemerintahan-di-awal.html">5. Menata Kehidupan Pemerintahan Di Awal Kemerdekaan Indonesia</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/menata-kehidupan-ekonomi-di-awal.html">6. Menata Kehidupan Ekonomi Di Awal Kemerdekaan Indonesia</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/menata-kehidupan-meliter-di-awal.html">7. Menata Kehidupan Meliter Di Awal Kemerdekaan Indonesia</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/menata-hubungan-pusat-daerah-di-awal.html">8. Menata Hubungan Pusat – Daerah Di Awal Kemerdekaan Indonesia</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/munculnya-gejolak-sosial-di-berbagai.html">9. Munculnya Gejolak Sosial Di Berbagai Daerah</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/perkembangan-partai-politik-di-awal.html">10. Perkembangan Partai Politik Di Awal Kemerdekaan Indonesia</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/kontribusi-daerah-daerah-daam.html">11. Kontribusi Daerah-Daerah Dalam Perjuangan Mempertahankan Kemerdekaan </a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/perundingan-linggarjati-10-15-n0pember.html">12. Perundingan Linggarjati 10-15 Nopember 1946</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/agresi-meliter-belanda-i-tanggal-21.html">13. Agresi Meliter Belanda I Tanggal 21 Juli 1947</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/perjanjian-renvilletanggal-8-desember.html">14. Perundingan Renville 8 Desember 1948</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/agresi-meliter-belanda-ii-tanggal-18.html">15. Agresi Meliter Belanda II Tanggal 18 Desember 1948</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/pemerintah-darurat-republik-indonesia.html">16. Pemerintahan Darurat Republik Indonesia (PDRI) Di Sumatera Tanggal 19 Desember 1948</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/perundingan-roem-royen-tanggal-7-mei.html">17. Perundingan Roem-Royen Tanggal 7 Mei 1949</a></span>
    <span style="font-size: large;"><a href="http://www.blogger.com/%20http://harun-ar.blogspot.com/2011/07/konferensi-intern-indonesia-19-22-juli.html">18. Konferensi Intern Indonesia 19 – 22 Juli 1949</a></span>
    <span style="font-size: large;"><a href="http://www.blogger.com/%20http://harun-ar.blogspot.com/2011/07/konferensi-meja-bundar-kmb-23-agustus-2.html">19. Konferensi Meja Bundar (KMB) 23 Agustus – 2 Nopember 1949</a></span>
    <span style="font-size: large;"><a href="http://www.blogger.com/%20http://harun-ar.blogspot.com/2011/07/pengakuan-kedaulatan-27-desember-1949.html">20. Pengakuan Kedaulatan 27 Desember 1949 </a></span>
    <span style="font-size: large;"><a href="http://www.blogger.com/%20http://harun-ar.blogspot.com/2011/07/terbentuknya-republik-indonesia-serikat.html">21. Terbentuknya Republik Indonesia Serikat (RIS) </a></span>
    <span style="font-size: large;"><a href="http://www.blogger.com/%20http://harun-ar.blogspot.com/2011/07/konflik-indonesia-belanda-setelah.html">22. Konflik Indonesia – Belanda Setelah Pengakuan Kedaulatan</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/12-pemberontakan-darul-islam-tentara.html">23. Pemberontakan DI/TII terjadi Di Empat Daerah</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/pemberontakan-angkatan-perang-ratu-adil.html">24. Pemberontakan Angkatan Perang Ratu Adil (APRA) 23 Januari 1950</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/pemberontakan-andi-aziz-di-makasar.html">25. Pemberontakan Andi Aziz di Makasar</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/pemberontakan-republik-maluku-selatan.html">26. Pemberontakan Republik Maluku Selatan (RMS)</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/pemberontakan-pemerintahan-revolusioner.html">27. Pemberontakan PRRI-Permesta</a></span>
    <span style="font-size: large;"><a href="http://harun-ar.blogspot.com/2011/07/pemberontakan-partai-komunis-indonesia.html">28. Pemberontakan  Partai Komunis Indonesia ( PKI ) di Madiun</a></span>
    <span style="font-size: small;">
    </span></div>

    Contoh (4)

    MENU

    Kode HTML-nya dibawah ini.




    <h2>MENU</h2>
    <div class="widget-content">
    <ul>
    <li><a href="http://harunarcom.blogspot.com/" target="_new">Berita & Artikel</a></li>
    <li><a href="http://harunarcom.blogspot.com/p/koleksi-foto.html" target="_new">GALERY PHOTO</a></li>
    <li><a href="http://haruncmoneng.blogspot.com/" target="_new">ALBUM PHOTO</a></li>
    <li><a href="http://harunarcom.blogspot.com/2011/05/ktsp-silabus-rpp-sd-mi-kecamatan-megang.html" target="_new">KTSP, Silabus, RPP SD /MI Kecamatan Megang Sakti</a></li>
    <li><a style="" href="http://harunarcom.blogspot.com/2011/06/mengecek-tagihan-bulanan-rekening.html" target="_new">Mengecek Tagihan Bulanan Rekening Listrik PLN</a></li>
    <li><a style="" href="http://harunarcom.blogspot.com/search/label/Dafta%20Nama%20Sekolah" target="_new">NISN Siswa SD /MI / SMP / MTs / SMA / MA / SMK Negeri &amp; Swasta di Kabupaten Musi Rawas</a></li>
    <li><a href="http://harunar-tutorial.blogspot.com/" target="_new">Tutorial Bloger</a></li>
    <li><a href="http://harunar-keajaibandunia.blogspot.com/" target="_new">Keajaiban-Keajaiban Dunia</a></li>
    <li><a href="http://harunar-peta.blogspot.com/" target="_new">Peta - Wilayah</a></li>
    <li><a href="http://harunar-ips7.blogspot.com/" target="_new">Materi IPS SMP Kelas 7</a></li>
    <li><a href="http://harunar-ips8.blogspot.com/" target="_new">Materi IPS SMP Kelas 8</a></li>
    <li><a href="http://harun-ar.blogspot.com/" target="_new">Materi IPS SMP Kelas 9</a></li>
    <li><a href="http://harunar-bio.blogspot.com/" target="_new">Pengalaman Hidup</a></li>
    <li><a href="http://haruncampoeng.blogspot.com/" target="_new">Sarana Fisik SMPN Mg.Sakti</a></li>
    <li><a href="http://campoengcmoneng.blogspot.com/" target="_new">Koleksi Karya Pengunjung</a></li>

      ARTIKEL TERKAIT:

      0 komentar:

      Posting Komentar