Skip to main content

Cara Membuat Daftar Isi Blog 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.

<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>

Klik simpan template dan selesai.

Keterangan :


  1. Sebelum memulai proses editing, ada baiknya jika kita mendownload template blog kita terlebih dahulu sebagai backup untuk mengantisipasi terjadinya kegagalan saat proses editing berlangsung.
  2. 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&raquo;</a>

Klik simpan dan selesai.

Keterangan :


  1. Ganti http://namablogkita.blogspot.com dengan alamat blog kita masing-masing.
  2. 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!
Labels:

Comments

Post a Comment

Popular posts from this blog

Sherlock Holmes

Penampilan terbaru dari tokoh terkenal karya Arthur Conan Doyle, Sherlock Holmes berkisah tentang petualangan terbaru Holmes (Robert Downey Jr.) dan mitra setianya Watson (Jude Law) Mempertunjukkan kepandaiannya sebagai seorang intelektual, Holmes bertarung lebih hebat dari sebelumnya untuk menjatuhkan musuh barunya dan mengungkapkan sebuah rencana berbahaya yang dapat menghancurkan Negara tersebut Jenis Film : Drama/adventure Produser : Joel Silver, Susan Downey, Lionel Wigram Produksi : Warner Bros. Pictures Homepage : http://sherlock-holmes-movie.warnerbros.com/ Durasi : 139 Pemain : Robert Downey Jr. ...
Post a Comment
Read more

Inilah Cara Termudah Mengenal Ukuran Panjang dan Lebar Template Blog Kita

Apa yang harus kita lakukan pertama kali untuk mengetahui ukuran panjang dan lebar blog kita? Bagi blogger pemula, mengetahui ukuran panjang dan lebar template blog merupakan hal yang cukup membingungkan. Hal ini karena kita sebagai blogger pemula merasa awam dengan begitu banyaknya kode HTML yang termuat dalam template blog. Kalau kenyataannya sudah begini, apa akibat masalah yang kita hadapi karena edit HTML yang sulit? Waktu akan terbuang percuma hanya untuk mencari kode HTML yang menunjukan ukuran bagian template yang tidak juga ditemukan. Selain itu, jika kode HTML ini lama tidak ditemukan juga akan membuat kita merasa kesal dan bosan bukan? Nah, untuk mari kita perhatikan bersama bagaimana cara untuk mengetahui ukuran template blog milik kita. Pertama, masuk ke dalam akun blogger kita masing-masing. Klik rancangan. Klik edit HTML. Klik expand template widget. Cari kode HTML berikut ini. (hanya contoh, cari kode HTML yang dicetak tebal) Mengetahui ukuran lebar keseluruhan templ...
Post a Comment
Read more

Daftar Situs Penyedia Kursor Pada Blog

Jika kita ingin merubah bentuk kursor pada blog , kita dapat memanfaatkan layanan dari beberapa situs yang menyediakan berbagai bentuk kursor modifikasi yang dapat kita gunakan. Bentuk kursor yang standar pada sebuah blog pada dasarnya adalah berbentuk tanda panah berwarna putih. Akan tetapi, kita dapat mengganti bentuk kursor yang standar tersebut dengan bentuk yang lebih modis dan stylis dengan menggunakan beberapa bentuk kursor yang disediakan oleh situs-situs penyedia kursor pada blog di bawah ini : http://www.cursors-4u.com http://www.myspacecursor.net http://www.totallyfreecursors.com http://www.123cursors.com http://www.anicursor.com Dengan beragam kursor dalam situs tersebut, kita dapat membuat tampilan blog menjadi lebih trendy dan lain dari pada blog yang lainnya. Menarik bukan? Jika ada yang ingin menambahi, silakan sampaikan lewat kotak komentar di bawah ini ya kawan. Salam blogger!
Post a Comment
Read more