√ Cara Membuat Table of Content Otomatis di Blogger

√ Cara Membuat Table of Content Otomatis di Blogger - Selamat berjumpa kembali sahabat SMK NEGERI 1 SERI KUALA LOBAM, Senang dapat bertemu anda kembali untuk membahas materi atau artikel √ Cara Membuat Table of Content Otomatis di Blogger, 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 Table of Content Otomatis di Blogger 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 Table of Content Otomatis di Blogger. Selamat menambah wawasan!

√ Cara Membuat Table of Content Otomatis di Blogger

Table of content atau yang sering disebut daftar isi adalah poin-poin pembahasan yang terdapat pada sebuah artikel. Table of content biasanya dipasang pada sebuah artikel yang panjang.

Table of content bisa kamu temui pada situs Wikipedia, JalanTikus, dan pada situs-situs lainnya. Tujuan memasang table of content di blogger adalah untuk mempermudah pembaca artikel mengerti artikel yang sedang dibahas dan tentunya berpengaruh pada SEO.

Jadi, langsung saja kamu memasang table of content pada artikel blog kamu.

Baca juga: Cara Membuat dan Memasang Table of Content di Blog.

Cara Memasang Table of Content di Blogger

1. Buka dashboard Blogger kamu.
2. Pilih menu Tema > Edit HTML.
3. Letakkan kode CSS berikut tepat di atas kode ]]> atau diantara .

/* CSS ToC BangOpit ID */ .TOCopit {     line-height: 1.4em;     padding: 0 30px 20px 10px;     display: block;     width: 95%;     margin: 0 auto;     background: #eaeaea;     border: 1px solid #ccc;     border-radius: 3px/6px } .TOCopit ol, .TOCopit ul {     margin: 0;     padding: 0; } .TOCopit ul {     list-style: none; } .TOCopit ol li, .TOCopit ul li {     padding: 15px 0 0;     margin: 0 0 0 30px;     font-size: 15px; } .TOCopit a {  font-weight: 700;     color: #4f4f4f;     text-decoration: none; } .TOCopit a:hover {     text-decoration: underline; } .TOCopit button {     background: #eaeaea;     font-family: oswald, arial;     font-size: 20px;     position: relative;     outline: none;     cursor: pointer;     border: none;     color: #2d2d2d;     padding: 20px 0 0 20px; } :target::before{content:"";display:block;height:50px;margin-top:-50px;visibility:hidden}

4. Setelah itu, Letakkan kode JavaScript berikut diantara kode dan .

5. Simpan Tema.

Cara Membuat Table of Content Otomatis

Jika kamu suka membuat artikel yang panjang, misalnya sekitar 600 kata lebih, sangat saya sarankan untuk memasang table of content yang otomatis ini.

Karena kamu tidak perlu ribet-ribet memasang table of content seperti biasanya. Namun, kekurangan table of content ini ialah tidak cocok jika diterapkan pada artikel yang pendek.

1. Buka kembali halaman Tema > Edit HTML.
2. Cari kode , kemudian ganti dengan kode berikut:

3. Simpan Tema dan lihat hasilnya.

Cara Membuat Table of Content Semi-otomatis

Berbeda dari table of content otomatis, table of content semi-otomatis ini tidak memiliki kekurangan, karena kamu bisa mengatur muncul atau tidaknya table of content pada artikel kamu.

Jadi, jika ada beberapa artikel kamu yang pendek, lebih baik kamu memilih table of content yang satu ini.

1. Buka halaman Posting, kemudian pilih artikel yang ingin dipasangkan table of content.
2. Letakkan kode berikut di awal postingan (jika bingung, silakan melihat gambar di bawah).

Jangan lupa ubah mode Compose ke HTML.

3. Kemudian, Letakkan kode berikut di akhir postingan (jika bingung, silakan melihat gambar di atas).

4. Setelah selesai mengedit postingan, klik Publikasikan dan lihat hasilnya.

Penutup Artikel √ Cara Membuat Table of Content Otomatis di Blogger

Demikian artikel √ Cara Membuat Table of Content Otomatis di Blogger 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 Table of Content Otomatis di Blogger dengan alamat link https://smkn1serikualalobam.blogspot.com/2018/01/cara-membuat-table-of-content-otomatis.html

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