Skip to content Skip to sidebar Skip to footer

√ Cara Membuat dan Memasang Table of Content di Blog

√ Cara Membuat dan Memasang Table of Content di Blog - Selamat berjumpa kembali sahabat SMK NEGERI 1 SERI KUALA LOBAM, Senang dapat bertemu anda kembali untuk membahas materi atau artikel √ Cara Membuat dan Memasang Table of Content di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Semoga pembahasan postingan atau artikel kategori Artikel Blogger, Artikel Blogging, yang kami tulis ini dapat anda pahami. Tanpa memperpanjang basa-basi lagi, kami sampaikan selamat membaca.

Seberapa dalam artikel √ Cara Membuat dan Memasang Table of Content di Blog ini dapat kami bahas dan jabarkan kepada anda, kiranya tidak mengurangi makna. Kami hanya berpesan kepada pembaca SMK NEGERI 1 SERI KUALA LOBAM, jadikan artikel kami ini sebagai materi tambahan. Jika masih kurang lengkap, pembaca dapat menambah wawasan dengan mencari artikel serupa diblog lainnya atau menanyakan langsung kepada pakar yang mahir dengan masalah √ Cara Membuat dan Memasang Table of Content di Blog. Selamat menambah wawasan!

√ Cara Membuat dan Memasang Table of Content di Blog

Table of content atau yang sering dikenal sebagai daftar isi merupakan inti pokok sebuah pembahasan tertentu.

Kita biasanya menemukan table of content pada sebuah buku, misalnya pada buku pelajaran sekolah. Namun kita juga biasa melihat pada blog juga bisa dipasangin table of content.

Blog yang memasang table of content biasanya membahas infomasi yang lumayan panjang, tetapi sering juga blog tutorial maupun yang lainnya juga memasangnya.

Dengan adanya table of content membuat pembaca (pengunjung) lebih mudah memahami artikel kamu, khususnya jika kamu sedang menulis artikel yang panjang.

Serta membuat blog kamu disukai banyak orang karena pembahasannya yang mudah dipahami.

Salah satu website yang telah memasang table of content adalah Wikipedia.com. Dan kali ini saya akan memberikan tutorial cara membuat table of content seperti website Wikipedia.com.

Cara membuat table of content pada blog juga terbilang mudah, untuk membuat table of content seperti Wikipedia.com kamu bisa menyimak tutorial di bawah!

Cara Membuat Table of Content di Blog

1. Buka dashboard Blogger kamu.
2. Pilih menu Tema > Edit HTML, lalu cari kode .
3. Tempel kode di bawah, tepat di atas kode .
/* Table of Contents by bangopit.id */ .toc {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;} .toc h2 {display:inline-block; margin-right:10px} .toc a {text-decoration:none} .toc a:hover {text-decoration:underline} .toc ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left} .toc ul li {list-style-type:none;} .toc ul li a {margin-left:.5em} .toc ul li ul {margin-left:2em} .toctogglelabel {cursor:pointer; color:#0645ad} :not(:checked) > .toctoggle {display:inline !important; position:absolute;  opacity:0} :not(:checked) > .toctogglespan:before {content:'['} .toctoggle:not(:checked) + .toctitle .toctogglelabel:after {content:'sembunyikan';display: inline} .toctoggle:checked + .toctitle .toctogglelabel:after {content:'tampilkan'} :not(:checked) > .toctogglespan:after {content:']'} .toctoggle:checked   ul{display:none} :target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}

Jika pada blog kamu memasang navigasi / menu sticky header, maka kamu harus merubah ukuran height:0px dan margin-top:0px dengan tinggi menu sticky header yang kamu gunakan pada blog kamu. Misalnya tinggi menu sticky kamu 45px, maka kamu harus merubah height:0px dan margin-top:0px menjadi height:45px dan margin-top:45px.

4. Simpan tema.

Cara Memasang Table of Content pada Artikel Blog


1. Buka artikel kamu yang ingin kamu pasang table of content, lalu ubah mode Compose ke mode HTML.
2. Setelah itu, tempel kode di bawah dibagian awal paragraf.

3. Kamu juga harus memasang #toc1 dan lainnya sesuai kebutuhan pada subheading maupun minor heading seperti berikut:

Judul Satu

...isi paragraf satu

Judul Dua

...isi paragraf dua

Judul Tiga

...isi paragraf tiga

Judul Empat

...isi paragraf empat

Judul Lima

...isi paragraf lima

Sub Judul Lima ke Satu

...isi paragraf lima part 1

Sub Judul Lima ke Dua

...isi paragraf lima part 2

Judul Enam

...isi paragraf enam

Jika bingung kamu bisa melihat gambar di bawah!



Penutup Artikel √ Cara Membuat dan Memasang Table of Content di Blog

Demikian artikel √ Cara Membuat dan Memasang Table of Content di Blog kali ini, semoga bisa memberi manfaat untuk anda semua pembaca blog SMK NEGERI 1 SERI KUALA LOBAM. Allright, sampai jumpa pada postingan artikel lainnya.

Baru saja anda membaca artikel √ Cara Membuat dan Memasang Table of Content di Blog dengan alamat link https://smkn1serikualalobam.blogspot.com/2018/01/cara-membuat-dan-memasang-table-of.html

Artikel √ Cara Membuat dan Memasang Table of Content di Blog ini kami arsipkan pada kategori Blogger Blogging.

Post a Comment for "√ Cara Membuat dan Memasang Table of Content di Blog"