Cara Mengaktifkan Table Of Contents Di Blogger Template

OYE Digital Indonesia

Beranda SEO Template Cara Mengaktifkan Table Of Contents Di Blogger Template

Cara Mengaktifkan Table Of Contents Di Blogger Template

12/25/2022 05:31:00 PM

Konten [Tampil]

Oye Digital Indonesia, Cara Mengaktifkan Table Of Contents Di Blogger Template - Ingin mempercantik tulisan menggunakan TOC pada blogger?, Cara mengaktifkannya cukup mudah. Namun sebelum memulainya, kita harus mengetahui bahwa table of contents sangat baik untuk keperluan blogging. Kelebihan dari TOC sangat banyak, salah satunya dia akan menargetkan sebuah keyword pada halaman mesin pencari.

Table of contents juga berfungsi sebagai arahan kepada para pembaca artikel. Mengenai pembahasan apa saja di dalam tema website yang sedang di bahas. Selain itu mesin index seperti google juga akan menampilkan table of contents secara baik dengan menyerupai sebuah rujukan link mengarah ke dalam website Anda. TOC ini sangat dekat kaitannya dengan SEO, secara friendly membantu user menemukan apa yang mereka cari dalam website.

Daftar Isi

1 Bagaimana Cara Mengaktifkan Table Of Contents?
1.1 Cara Memasang Script TOC Di Template
1.2 Pasang Script TOC Dalam Postingan
1.3 Video Tutorial Table Of Contents
1.4 Penutup

Bagaimana Cara Mengaktifkan Table Of Contents?

Gambar Cara Mengaktifkan Table Of Contents Di Blogger Template

Untuk dapat mengaktifkan fitur ini di dalam tema blogger, Anda harus menambahkan script toc ke dalam CSS template blogger. Caranya cukup mudah, dan Oye akan memberikan script tersebut di artikel ini. Namun apabila Anda telah memiliki template premium oye news v.1.1.0 tidak perlu memasangnya ke dalam tema karena sudah tersedia.

Apabila belum memiliki tema oye news, dapat menggunakan script toc yang akan di bagikan di bawah ini. Ada beberapa langkah cara mengaktifkan fitur toc pada tempa blogger. Yaitu pertama dengan memasang CSS, langkah selanjutnya ialah memanggil script toc di dalam postingan serta memanggil id toc untuk dapat menjalankannya.

Cara Memasang Script TOC Di Template

Pertama anda harus memasukan script toc kedalam template blogger. Dan ditempatkan pada CSS, script toc ini cukup ringan, jadi template yang Anda gunakan masih tetap fast loading. Silahkan copy dan paste script toc di bawah ini, pastikan penempatannya berada sebelum tanda </style> atau ]]></b:skin> pada template yang Anda gunakan.

/* Table of Contents by Oye.web.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}

Pasang Script TOC Dalam Postingan

Selanjutnya memanggil script toc ke dalam postingan artikel, silahkan copy dan paste script di bawah ini. Dan edit keyword, sesuaikan dengan id pemanggilnya. Untuk id pemanggil scriptnya seperti ini: id="Keyword", sebagai contoh <h2 id="TOC">TOC</h2>, penggunaan Tah h2 cukup satu kali saja, dan untuk selanjutnya bisa menggunakan h3 dan seterusnya. Dan jangan lupa untuk mengubah keyword, sesuai dengan script dan id pemanggil yang digunakan oleh Anda.

Video Tutorial Table Of Contents

Agar lebih jelas, anda dapat melihat cuplikan video yang satu ini, guna mantapkan penggunaan table of contents.

Cukup mudah bukan, dalam menerapkan table of contents kedalam tema blogger. Apabila bermanfaat, silahkan bagikan kepada rekan-rekan semua.

Penutup

Demikian yang dapat oye sampaikan, tentang Cara Mengaktifkan Table Of Contents Di Blogger Template. Terimakasih senantiasa telah berkunjung ke oye.or.id, dan semoga memberi manfaat bagi kita semua, sampai jumpa kembali di Informasi selanjutnya.

Facebook WhatsApp Telegram

Bagikan artikel ini