Cara membuat daftar isi di blog dengan scroll atau tidak sebenarnya hampir mirip, namun daftar isi yang dihasilkan sedikit memiliki perbedaan. Daftar ini yang menggunakan scroll akan lebih menghemat space dari pada yang tidak menggunakan scroll.
Namun, tidak mengurangi fungsi dari daftar isi itu sendiri, yakni memberikan gambaran garis pembahasan dari artikel dengan lengkap sehingga akan memudahkan menemukan informasi yang mereka butuhkan.
Begini Cara Membuat Daftar Isi di Blog dengan Scroll
Untuk bisa membuat daftar isi dengan menggunakan scroll, Anda bisa mengikuti beberapa langkah berikut ini:
- Langkah pertama yang harus Anda lakukan adalah membuka dashboard blog yang Anda gunakan.
- Jika sudah, silahkan buka menu laman kemudian halaman baru dan pilih HTML.
- Kemudian masukkan kode berikut ini pada halaman HTML milik Anda.
<div style=”background-color: none; height: 600px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;”>
<script src=”http://bloggergubug.googlecode.com/files/daftarisi.js”></script><script src=”http://nama-website-anda.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc”></script></div>
- Cara membuat daftar isi di blog dengan scroll selanjutnya gunakan kode berikut ini:
<div style=”background-color: white; border: 1px solid #ddd; height: 100px; margin: 0px 0px 0px 0px; overflow: auto; padding: 3px; width: 300px;”>
<div class=”border”>
- <a href=”http://Contoh.html” title=”Langkah Memulai Blog Baru”>Langkah Memulai Blog Baru</a> </div>
<div class=”border”>
- <a href=”http://contoh.html” title=”Mengenal Tampilan Blogger Terbaru”>Mengenal Tampilan Blogger Terbaru</a> </div>
<div class=”border”>
- <a href=”http://contoh.html” title=”Alasan Menggunakan Blogspot Untuk Blog”>Alasan Menggunakan Blogspot Untuk Blog</a> </div>
<div class=”border”>
- <a href=”http://contoh.html” title=”Cara Memulai Postingan Baru di Blogspot”>Cara Memulai Postingan Baru di Blogspot</a> </div>
<div class=”border”>
- <a href=”http://contoh.html” title=”Cara Mengganti Template Blog Pada Blogspot”>Cara Mengganti Template Blog Pada Blogspot</a> </div>
<div class=”border”>
- <a href=”http://contoh.html” title=”Cara Memasukkan dan Edit Gambar di Blog”>Cara Memasukkan dan Edit Gambar di Blog</a> </div>
</div>
- Pada tulisan yang di-bold diganti dengan link/ URL blog Anda.
- Akhiri dengan klik publish untuk diterapkan di blog Anda.
Selain cara di atas, ada juga cara membuat daftar isi di blog dengan scroll lainnya, dengan cara berikut ini:
- Buka website/ blog yang Anda gunakan.
- Kemudian buka tata letak atau dashboard blog.
- Tambahkan gadget atau widget. Sesuai dengan platform yang Anda gunakan.
- Jika sudah lanjutkan dengan klik menu HTML atau Teks.
- Lalu, masukkan kode berikut ini
<h2>Daftar Isi</h2>
<div>
<div style=”overflow:auto;width:280px;height:150px;border:1px solid #cccccc;padding:10px;”>
[…..]
</div></div>
Selain Anda bisa dengan cara membuat daftar isi di blog dengan scroll Anda juga bisa menggunakan cara yang lebih sederhana dan tidak perlu melakukan coding dan sejenisnya.
Membuat Daftar Isi dengan Plugin WordPress
Ada cara mudah lainnya yang bisa Anda gunakan untuk membuat daftar isi di blog yang Anda miliki, tanpa mengurangi fungsi dari daftar itu sendiri, dengan memanfaatkan plugin yang disediakan oleh WordPress.
Hal ini bisa menjadi solusi bagi Anda yang merasa kesulitan dengan cara membuat daftar isi di blog dengan scroll sebelumnya. Berikut cara membuat isi dengan plugin WordPress:
1. Pilih dan Instal Plugin Daftar Isi
Langkah pertama yang perlu Anda lakukan adalah menginstal salah satu dari plugin daftar isi yang ada di WordPress.
Untuk memilih Plugin Anda hanya perlu mengunjungi menu Plugin dari Dashboard, kemudian tambahkan plugin, maka datar plugin akan muncul di layar kalian.
Dan cari plugin daftar isi/ table of content dan pilih mana yang paling bagus dan kompatibel dengan blog kalian dan instal pada menu yang disediakan.
2. Lakukan Konfigurasi Daftar Isi Dengan WordPress
Jika kalian sudah menginstal plugin daftar isi, langkah selanjutnya adalah melakukan konfigurasi dasar plugin agar bisa beroperasi secara optimal.
Jika Cara membuat daftar isi di blog dengan scroll kalian tidak perlu melakukan konfigurasi berbeda dengan menggunakan plugin.
Untuk melakukan konfigurasi ini, cukup ikuti beberapa langkah berikut ini:
- Pertama, Anda buka dashboard dan pilih menu Setting kemudian menu TOC+
- Jika sudah, maka buka menu Tab Main Option untuk melakukan peraturan posisi, jumlah baris hingga halaman post.
- Menu Position, berfungsi untuk mengatur dimana daftar ini berada nantinya di artikel
- Menu Show When, berfungsi untuk menampilkan seberapa banyak nantinya sub judul yang akan ditampilkan (sesuai dengan artikel Anda nantinya)
- Menu terakhir, untuk menentukan bentuk tampilan dari daftar isi. Untuk ini, Anda cukup centang pada bagian Post dan Page saja.
- Cara membuat daftar isi di blog dengan scroll selanjutnya lakukan pengeditan pada bagian heading text dan sejenisnya.
- Bagian Header Text untuk memberi nama daftar isi, Anda bisa mengubahnya sesuai keinginan.
- Bagian Show Hierarchy, digunakan untuk mengatur penampilan dan urutan hirarki dari daftar ini yang akan ditampilkan nantinya.
- Kemudian Number List Items, mengatur penomoran pada daftar ini yang akan ditampilkan.
- Klik centang Enable Smooth Scroll Effect jika Anda menginginkan untuk berhenti pada bagian sub judul ketika di klik.
- Atur semua sesuai dengan kebutuhan blog yang Anda gunakan, pastikan untuk tetap rapi dan terlihat profesional agar tidak mengganggu tampilan dari artikel nantinya.
3. Edit Tampilan dari Daftar Isi
Langkah terakhir adalah mengedit tampilan dari daftar isi, pengaturan ini juga cukup sederhana, semua bisa Anda sesuaikan dengan kebutuhan dan tampilan dari blog milik Anda.
Ada beberapa hal yang perlu dipahami agar proses edit tampilan ini bisa berjalan lebih lancar.
- Istilah Width, digunakan untuk mengatur seberapa lebar daftar isi yang akan Anda tampilkan nantinya.
- Menu Wrapping, digunakan untuk mengatur di posisi mana daftar isi ini akan ditampilkan.
- Font Size, menu ini digunakan untuk mengatur seberapa besar dan kecil huruf dari daftar isi. Untuk mengatur ini pastikan ukuran daftar isi tidak terlalu kecil dan tidak terlalu besar jika di bandingkan dengan ukuran huruf pada artikel.
- Presentation, untuk mengatur secara keseluruhan bagaimana penampilan daftar isi yang akan di tampilan pada blog.
Cara Menonaktifkan Daftar Isi Jika Tidak Dibutuhkan.
Jika Anda merasa daftar isi tidak lagi perlu digunakan dalam blog Anda, atau hanya sekedar menonaktifkan Anda perlu melakukan beberapa cara berikut ini.
Cara ini tidak membutuhkan coding dan bisa dilakukan baik cara membuat daftar isi di blog dengan scroll atau tidak.
- Pertama silahkan buka dashboard blog Anda jika Anda menggunakan WordPress.
- Kemudian buka menu tampilan dan pilih widgets dan buka widgets TOC+ lalu non aktifkan daftar isi.
- Caranya centang Show of table contents only in the sidebar, yang akan membuat daftar isi hanya tampil di side bari tidak pada isi konten.
Sekian informasi tentang cara membuat daftar isi di blog dengan scroll dan cara lainnya, semua bisa Anda gunakan sesuai dengan kebutuhan blog Anda.
Rekomendasi:
- Jasa Pembuatan Website WordPress Murah Berkualitas Jasa Pembuatan Website WordPress - Anda ingin membuat website atau blog berplatform wordpress? dan anda sedang mencari jasa buat website wordpress murah? dengan menggunakan jasa kami anda bisa membuat sebuah…
- Cara Membuat IG menjadi Blog Pribadi Gratis Cara membuat IG menjadi Blog Pribadi saat ini mudah dilakukan. Bahkan, banyak sekali orang yang beralih dari akun personal hingga profesional. Hal ini tentunya agar bisa menikmati berbagai macam fitur.…
- Cara Membuat Akun Instagram Menjadi Blog Pribadi yang Cepat Cara membuat akun Instagram menjadi blog pribadi saat ini bisa dilakukan dengan cepat. Apalagi kini hampir semua orang sudah mempunyai blog pribadi, dimana kontennya sangat beragam. Namun, untuk bisa menambah…
- Cara Membuat Blog Pribadi Gratis Yang Menarik Untuk Pemula Cara membuat Blog yang sederhana sebenarnya, kamu tidak harus memiliki skill coding atau pemrograman. Hal ini dikarenakan sudah terdapat sebuah platform seperti Blogspot yang bisa kamu gunakan secara gratis untuk…
- Berikut Ini Cara Membuat Alamat Blog yang Baik Pada ulasan kali ini, Anda akan memahami tentang cara membuat alamat blog yang baik sehingga akan memberi keuntungan bagi aktivitas blog pribadi yang Anda kelola. Pembahasan kali ini mungkin akan…
- Ide Menarik Cara Membuat Header Blog Keren Jika Anda mencari tahu cara membuat header blog keren, maka membaca ulasan ini hingga akhir adalah solusi yang sangat tepat. Mengapa demikian? Tentu jawabannya ialah, ulasan ini akan membahas dengan…
- Cara Membuat Akun Blog untuk Sekolah Cara membuat akun blog untuk sekolah maupun untuk pribadi sebenarnya dua hal yang berbeda. Lalu sebenarnya dimana letak perbedaan dari keduanya? Membuat blog untuk instanti seperti sekolah tentu tidak bisa…
- Cara Membuat Blog di HP dan Menghasilkan Uang Banyak Cara membuat blog di HP dan menghasilkan uang adalah pertanyaan yang mungkin seringkali muncul sebagai usaha untuk mendapatkan penghasilan tambahan. Mengelola sebuah blog menjadi salah satu cara yang banyak dipakai…
- Cara Membuat Subscribe di Blog untuk Meningkatkan Pengunjung Ada banyak orang yang hanya fokus pada konten, tetapi masih belum tahu bagaimana cara membuat subscribe di blog. Padahal subscribe atau pelanggan sendiri adalah salah satu kunci untuk menjadikan blog…
- Penjelasan Lengkap Cara Membuat Blog di Blogspot Jika Anda sendang berniat membuat blog, maka ikuti cara membuat blog di blogspot yang akan dijelaskan secara lengkap dan sederhana pada ulasan berikut ini. Meski telah memahami secara samar-samar, mungkin…
- Tips Eksekusi Ide-Ide Dengan Mindmap Kalau Anda memiliki ide atau gagasan, maka peta pikiran atau mindmap itu adalah hal yang sebenarnya cukup dibutuhkan. Dengan menggunakan peta pikiran tersebut, ide Anda akan bisa dipahami dengan lebih…
- Cara Membuat Navigasi Blog Keren Simpel dan Mudah Cara membuat navigasi blog keren adalah sesuatu yang cukup penting untuk diperhatikan para blogger. Sebab, navigasi sama halnya sebagai pengarah bagi pengunjung untuk lebih mengenal konten yang ada di dalam…
- Cara Membuat Blog Responsive Sesuai SEO Para blogger pemula seperti Anda mungkin bingung cara membuat blog responsive dalam pengembangan blog Anda. Namun begitu, sebagai seorang blogger Anda juga harus terus tumbuh dan mempelajari segala sesuatu tentang…
- Cara Membuat Halaman Depan Blog dengan Mudah dan Cepat Seorang blogger tentu wajib tahu mengenai cara membuat halaman depan blog yang baik. Terutama jika blog yang dikelola diharapkan bisa memberi penghasilan bagi pengelolanya. Hal ini tentu mengharuskan para blogger…
- Cara Membuat Forum di Blog untuk Diskusi Online Pada kesempatan kali ini, cara membuat forum di blog akan diulas dengan detil agar Anda bisa mengikuti langkah-langkahnya dengan baik. Sebelum kita membahas lebih jauh, sebenarnya apa saja hal-hal yang…
- Cara Membuat URL Blog Agar Peringkat SEO Bagus Bagi sebagian blogger, cara membuat URL blog mungkin belum banyak yang memfokuskannya. Mayoritas hanya fokus pada riset keyword sehingga artikel di blog bisa naik trafficnya. Padahal, peranan URL dalam mengoptimalkan…
- Cara Membuat Akun IG Menjadi Blog Pribadi Mudah dan Cepat Cara membuat akun IG menjadi blog pribadi saat ini mudah dan cepat. Seringkali orang ingin melakukan ekspor akun Instagram miliknya dengan. Menyertakan tulisan ‘blog pribadi’. Tulisan blog pribadi ini biasanya…
- Cara Membuat Slideshow di Header Blog yang Keren Cara membuat slideshow di header blog yang keren saat ini sangat mudah. Anda bisa langsung kunjungi situs web. Biasanya, slideshow ini ada di bagian atas berupa gambar bergerak secara otomatis.…
- Tips dan Cara Membuat Blog yang Menarik dan Ramai Pengunjung Pernahkah Anda merasa tertarik dengan sebuah blog sehingga Anda berkali-kali mengunjunginya? Anda juga bisa memiliki blog yang demikian. Kami akan membagikan informasi dan tips mengenai cara membuat blog yang menarik.…
- Strategi Cara Membuat Blog Gratis dan Menghasilkan Uang Tujuan utama dari blogger tentu adalah dengan cara membuat blog gratis dan menghasilkan uang yang banyak dari blog yang dikelolanya tersebut. Tentu hal ini perlu beberapa upaya seperti menaikkan trafic…
- Cara Membuat Instagram menjadi Blog Pribadi Mudah dan… Cara membuat Instagram menjadi blog pribadi saat ini memang lebih mudah dan sederhana. Apalagi dengan adanya zaman digital, bisa dipastikan orang berkarya lebih bebas. Adanya kebebasan berekspresi sebenarnya memang bisa…
- Cara Buat Email Baru Lewat Hp Android Membuat email baru di hp merupakan perkara yang mudah, tapi ada saja orang yang mempersulit diri ketika membuat akun email baru. Disini, saya akan menjelaskan bagaimana cara membuat akun email…
- Begini Cara Mudah Download Aplikasi Google Play Store Di… Banyak yang ingin tahu cara download aplikasi google play store di android terbaru dan mudah. Maka artikel kali ini akan mengluas seputar bagaimana cara mengunduh aplikasi Google Play Store dengan…
- Cara Membuat Blog Pribadi di HP Android untuk Pemula Kami akan bahas cara membuat blog pribadi di HP Android bagi anda yang masih pemula. Saat ini memiliki blog pribadi menjadi sebuah hal yang umum. Tidak diperlukan keahlian khusus dan…
- Cara Membuat Blog Gratis, Gunakan Situs Berkualitas Aneka macam layanan situs berkualitas bisa dipakai untuk cara membuat blog gratis. Mungkin sebagian besar dari Anda hanya familiar dengan Wordpress dan Blogger. Sebenarnya, ada banyak layanan situs berkualitas untuk…
- Alasan Mengapa Kamu Harus Memilih Wordpress Dari pada… Kompirasi.com - Bagi kalian yang binggung untuk memilih untuk membuat sebuah bkig ber platform wordpress atau blogspot kali ini saya akan membandingkan perbedaan Wordpress Dan Blogspot. Mungkin kebanyakan di indonesia para…
- Alasan Mengapa Kamu Harus Menggunakan AMP ,Dan AMP Mampu… Membahas seputar AMP (Accelerated Mobile Pages) atau bisa di katakan tampilan home page mobile (khusus Handphone) perkembangan teknologi semakin cangih dan kebanyakan orang sudah jarang menggunakan Computer karena tidak dapat di…
- 3 Situs Web Font Keren Teratas Untuk Teks Instagram Keterangan Instagram adalah salah satu aspek terpenting dari posting di platform. Teks menarik pengguna dan memberi tahu mereka tentang apa postingan itu. Ada berbagai cara untuk membuat teks Anda menarik…
- Cara Download Aplikasi Alight Motion Pro Apk Mod Apk 1.2.83 Download aplikasi Alight Motion Pro apk mod apk 1.2.83 adalah artikel yang tengah ramai di cari orang pada saat ini. Kemajuan dunia teknologi membuat perkembangan sosial menjadi semakin pesat melalui…
- Simak Dan Ketahui! Beberapa Langkah Atau Beberapa Cara… Pada masa ini, ada banyak masyarakat dari berbagai kalangan masyarakat yang tidak mengetahui beberapa langkah atau cara instal Xapk di android atau hp. Padahal aplikasi yang satu ini menjadi hal…