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:
- 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…
- Bagaimana Cara Membuat Blog yang Berkualitas? Pembahasan mengenai bagaimana cara membuat blog yang berkualitas mungkin sangat penting bagi para blogger pemula. Kabar baiknya ialah, pada ulasan ini akan dibahas dengan detil mengenai cara yang bisa Anda…
- Cara Membuat Blog Baru di WordPress adalah dengan Langkah… Platform penyedia layanan untuk membuat blog yang terkenal adalah WordPress. Banyak yang menggunakan WordPress untuk membuat blog yang bersifat pribadi, organisasi dan bisnis. Tahukah anda bahwa cara membuat blog baru…
- Cara Membuat Menu Dropdown di Blog Agar Lebih Efisien Pada artikel ini, kami akan membahas informasi tentang cara membuat menu dropdown guna memudahkan para pengunjung dan agar lebih efisien dalam menjelajah website. Ketika tidak menggunakan dropdown, maka menu hanya…
- Aplikasi Nonton Anime Terbaik Khusus untuk Anda Aplikasi nonton anime sekarang sedang sangat dicari. Ini terjadi karena kebutuhan akan nonton anime di masyarakat sendiri sangat tinggi. Kondisi ini berbeda dengan beberapa waktu ke belakang di mana popularitas…
- Simak! Beberapa Cara Unduh Atau Cara Download Aplikasi… Instagram sendiri menjadi salah satu aplikasi yamg paling sering dimanfaatkan oleh masyarakat dari berbagai kalangan. Hal ini juga membuat ada banyak orang yang mencari berbagai cara unduh atau cara download…
- Cara Membuat Web Blog Sederhana dan Mudah Cara membuat web blog saat ini sederhana dan mudah. Apalagi dengan adanya perkembangan zaman, platform blog menjadi media terbaik bagi orang yang menghasilkan uang dari internet. Blog kini sudah bisa…
- Inilah Daftar Distro Linux Yang Paling Populer Di Kalangan… Inilah Daftar Distro Linux Yang Paling Populer Di Kalangan Ahli IT - Kali ini membahas seputar sistem operasi berbasis text sebenarnya apasih sistem operasi berbasis text,bagi kamu yang belum tahu…
- 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.…
- Cara Membuat Blog Pribadi di Instagram yang Simpel Cara membuat blog pribadi di instagram ternyata simpel. Namun, Anda perlu memahami cara masuk blog pada profil Instagram. Apabila Anda sering buka Instagram pasti tidak asing mendengar tulisan "Blog Pribadi".…
- Cara Membuat Daftar Isi Otomatis Di Word 2010 Daftar isi atau table of content berfungsi untuk memudahkan pembaca agar dapat dengan mudah mencari daftar isi dari sebuah dokumen, atau konten yang dituju. Pada umumnya daftar isi atau table…
- Cara Membuat Tombol Share Whatsapp di Blog dengan Cepat Cara membuat tombol share whatsapp di blog saat ini sangat cepat. Whatsapp merupakan salah satu layanan messenger paling besar di dunia, bahkan sudah ada lebih dari 2 juta pengguna. Aplikasi…
- 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 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 Blog di HP Pakai Wordpress dan Tipsnya Untuk melakukan cara membuat blog di HP sebenarnya hanya perlu beberapa langkah mudah. Mekanismenya hampir mirip seperti membuat akun media sosial. Anda hanya memerlukan smartphone yang spesifikasinya mencukupi untuk mendukung…
- 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 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…
- Cara Membuat Blog di Blogspot Menjadi Toko Online Jika Anda sedang mencari cara membuat blog di blogspot menjadi tampilan toko online, tentu Anda saat ini sedang mencoba melakukan pengembangan bisnis dengan blogging bukan? Jika iya, maka penting membaca…
- Seluk Beluk Aplikasi Sadap WA Iphone mSpy Seperti kita ketahui bahwa saat ini sudah banyak sekali aplikasi sadap WA iPhone dengan berbagai macam fitur menarik. Dengan beragamnya aplikasi tersedia ini semakin mempermudah Anda untuk memilih mana yang…
- 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…
- 6 Daftar Hosting Terbaik Indonesia 2016 yang Wajib Diketahui Bagi Anda yang sedang mencari hosting terbaik Indonesia 2016 maupun tahun sebelumnya, sebenarnya mungkin juga akan menemukan beberapa hosting yang sama, namun begitu tiap tahunnya tentu ada beberapa hosting yang…
- 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…
- Pinterest Video Downloader, Situs Web Untuk Mengunduh Video,… Pinterest Video Downloader - Pinterest merupakan sebuah sosial media yang populer. Platform ini berfokus pada berbagai informasi dan juga penemuan ide-ide di internet dalam bentuk gambar, gif, dan video. Keistimewaan…
- 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 Forum di Blog Wordpress dengan Plugin Cara membuat forum di blog wordpress bisa dilakukan secara mudah dengan bantuan menggunakan plugin. Apalagi dengan membaca tutorial lengkap seperti yang saat ini Anda lakukan. Namun sebelum membahas lebih jauh…
- Hukum Trading Saham Rumaysho Seperti Apa? Banyak orang yang bertanya seperti apa hukum trading saham rumaysho apakah halal atau haram. Karena beberapa orang beranggapan melakukan trading sama dengan melakukan dosa sehingga diharamkan. Dengan adanya informasi ini…
- 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…
- Perbedaan Cara Membuat Blog di Wordpress dengan Blogspot Cara membuat blog di wordpress dan di blogspot memang sangat berbeda. Selain dari segi cara membuat blognya, ada beberapa perbedaan lain yang membuat para blogger harus mempertimbangkan di antara keduanya.…
- Daftar Hosting Gratis Indonesia Terbaik dan Kelebihannya Bagai Anda yang sedang bingung memilih hosting gratis Indonesia terbaik tidak perlu khawatir. Dengan membaca ulasan ini hingga akhir, maka Anda akan menemukan solusi dan pilihan yang tepat untuk hosting…
- Cara Membuat Halaman Depan Blog dan Apa Saja yang Perlu… Cara membuat halaman depan blog adalah salah satu poin penting yang harus diperhatikan para blogger. Pada dasarnya dalam setiap platform ada 4 tipe halaman, yaitu statis, posting, error page dan…