Cara membuat daftar isi pada blogger.

Pada kesempatan kali ini saya akan mencoba share kepada para pembaca dan sobat m-ex bagai mana cara membuat daftar isi pada blogger. Untuk apa sih kita membuat daftar isi pada blog ? mungkin ada saja yang bertanya seperti itu. Daftar isi pada blog menurut saya sangat lah penting untuk memudahkan para pembaca mencari artikel yang mereka inginkan .

yaudah ga usah lama-lama deh langsung aja kita cekibrot .

Cara Pertama .

1. sign ke blog anda .

2. Klik menu Layout atau Rancangan

3. Klik menu Edit HTML

4. Cek box Expand Template Widget

5. Copy paste kode di bawah ini di atas kode  ]]></b:skin>
(untuk mempermudah pencarian tekan ctrl+f)

#toc {  border: 0px solid #000000;  background: #ffffff;  padding:2px; width:495px;  margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 {  background: #B5CBFA;  color: #000000;  padding-left: 5px;  width:250px;}

.toc-header-col2 {  width:75px;}

.toc-header-col3 {  width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited,

.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,

.toc-header-col3 a:visited {  font-size:100%;  text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover {  font-size:100%;  text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {  padding-left: 5px;  font-size:100%; background:#f0f0f0;}

6. Klik tombol SIMPAN TEMPLATE

Cara Kedua.

1. Klik menu Elemen Halaman

2. Klik tulisan Tambah Gadget

3. Klik tombol tambah widget "+"  JavaScript/HTML

4. Copy paste kode berikut kedalam elemen yang muncul.

<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;>
<script style="text/javascript" src="http://www.srbekasi.org/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://media-ex.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
Widget By: [<a href="http://media-ex.blogspot.com/">media-ex</a>]

kode tersebut menampilkan daftar isi blog ini.

7. Silahkan ganti http://media-ex.blogspot.com/ dengan alamat blog anda.

    dan  <div style="border: 2px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;> bisa anda rancang sendiri sesuai selera.

6. Klik simpan.

dan lihat hasilnya ...

Related Post: