Trick Cara Membuat Daftar Isi Blogger Bag II
Pada pembahasan yang dahulu kita sudah sama-sama belajar bagaimana Cara Membuat Daftar Isi Blog kita dengan menggunakan script. Nah, pada kesempatan kali ini kita akan kembali belajar bagaimana caranya membuat sebuah daftar isi pada blog, tetapi dengan menggunakan metode edit HTML.
Metode edit HTML untuk membuat daftar isi sebuah blog ini lebih menguntungkan daripada menggunakan script. Hal ini dikarenakan membuat daftar isi blog menggunakan script akan membuat proses loading blog kita menjadi lebih lama karena ukuran blog kita yang semakin berat.
Bagaimana Cara Membuat Daftar Isi Blog dengan menggunakan edit HTML ini?
Langkah Pertama.
Pertama, masuk ke akun blogger kita masing-masing.
Klik fitur rancangan.
Kemudian klik edit HTML.
Berikan tanda contreng pada Expand Template Widget.
Cari kode HTML di bawah ini.
Hapus kode tersebut dan ganti dengan kode HTML berikut.
Klik simpan template dan selesai.
Keterangan :
Langkah Kedua.
Klik elemen halaman.
Klik tambah gadget.
Pilih HTML/JavaScript.
Masukan kode HTML di bawah ini.
Klik simpan dan selesai.
Keterangan :
Nah, sekarang di bagian sidebar blog kita sudah terpasang daftar isi blog yang akan selalu update secara otomatis berdasarkan updatenya postingan blog kita.
Bagaimana kawan?
Mudah untuk menerapkannya bukan?
Jika ada tambahan atau pertanyaan silakan disampaikan lewat kotak komentar di bawah ini ya.
Salam blogger!
Metode edit HTML untuk membuat daftar isi sebuah blog ini lebih menguntungkan daripada menggunakan script. Hal ini dikarenakan membuat daftar isi blog menggunakan script akan membuat proses loading blog kita menjadi lebih lama karena ukuran blog kita yang semakin berat.
Bagaimana Cara Membuat Daftar Isi Blog dengan menggunakan edit HTML ini?
Langkah Pertama.
Pertama, masuk ke akun blogger kita masing-masing.
Klik fitur rancangan.
Kemudian klik edit HTML.
Berikan tanda contreng pada Expand Template Widget.
Cari kode HTML di bawah ini.
<b:include data='post' name='post'/>
Hapus kode tersebut dan ganti dengan kode HTML berikut.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Klik simpan template dan selesai.
Keterangan :
- Sebelum memulai proses editing, ada baiknya jika kita mendownload template blog kita terlebih dahulu sebagai backup untuk mengantisipasi terjadinya kegagalan saat proses editing berlangsung.
- Gunakan tombol Ctrl + F pada keyboard untuk mempermudah pencarian kode HTML dalam template blog kita.
Langkah Kedua.
Klik elemen halaman.
Klik tambah gadget.
Pilih HTML/JavaScript.
Masukan kode HTML di bawah ini.
<a href="http://namablogkita.blogspot.com/search?max-results=200">Daftar isi»</a>
Klik simpan dan selesai.
Keterangan :
- Ganti http://namablogkita.blogspot.com dengan alamat blog kita masing-masing.
- Ganti angka pada max-results=200 untuk mengatur berapa banyak jumlah judul artikel yang akan dimunculkan dalam daftar isi blog tersebut.
Nah, sekarang di bagian sidebar blog kita sudah terpasang daftar isi blog yang akan selalu update secara otomatis berdasarkan updatenya postingan blog kita.
Bagaimana kawan?
Mudah untuk menerapkannya bukan?
Jika ada tambahan atau pertanyaan silakan disampaikan lewat kotak komentar di bawah ini ya.
Salam blogger!
Terimakasih telah membaca : Artikel Dari Kami. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari MudahTrick. Terimakasih.