Powered by Blogger.

Daftar Isi Blog Tidak Bertanggal

Artikel tentang Daftar Isi Blog sudah banyak diposting oleh para blogger baik yang berbahasa indonesia maupun berbahasa asing sudah seabrek artikel namun namanya juga manusia tidak ingin susah-susah mencari, maunya langsung saja dipasang di blog kesayangan supaya tidak repot. Begitu kira-kira harapan salah seorang pengikut group Belajar Ilmu Komputer di facebook yang mengirim pesan ke saya agar saya memposting artikel tentang daftar isi.

Karena memang sudah diharapkan dan tidak ada ruginyakan maka sayapun menuliskan kembali cara membuat daftar isi ini, dan daftar isi yang akan kita buat bersama ini baik daftar isi dengan tanggal maupun daftar isi tanpa tanggal.
Ada beberapa pengunjung menginginkan daftar isi dilengkapi dengan tanggal akan tetapi ada juga pengunjung yang lebih suka melihat daftar isi tanpa tanggal. Semuanya kembali kepada anda sendiri apakah menggunakan daftar isi bertanggal atau tidak bertanggal.




di atas adalah contoh tampilan daftar isi yang dilengkapi dengan tanggal dan di bawah ini adalah contoh tampilan daftar isi yang tidak disertai dengan tanggal.


Yang manakah daftar isi yang hendak anda buat ? Tentukan sendiri bentuk tampilan daftar isi anda mana yang terbaik menurut anda dan mari kita mulai membuat daftar isi blog kita (daftar isi blog yang menggunakan blogger dan bukan wordpress atau blog lainnya ya...).

Pertama login dulu ke blogger dengan akun anda. Klik Design/Tataletak kemudian Edit HTML.

Berikut ini adalah langkah untuk membuat daftar isi dilengkapi dengan tanggal.

Berikan tanda centang pada Expand Widget Templates, diharapkan sebelumnya download lengkap kode/script blog anda sehingga jika terjadi sesuatu yang tidak diinginkan (kesalahan penggunaan kode) dapat dikembalikan pada kode aslinya.

Selanjutnya cari kode brikut :

<b:include data='post' name='post'/>

Jika sulit menemukan kode di atas silahkan menggunakan CTRL + F (tanpa plus ya) jika menggunakan browser Internet Explorer atau Mozila Firefox untuk mode pencarian.

Setelah menemukan kode di atas hapus kode tersebut dan ganti dengan kode brikut :

<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;margin bottom:1px;'>
         <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>

Sampai disini daftar isi belum selesai silahkan baca selanjutnya di bagian akhir artikel ini.

Berikut ini adalah cara membuat daftar isi tanpa tanggal.

Dari jendela Edit HTML dan Expand Widget Templates dalam keadaan tercentang cari kode seperti berikut

      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>

setelah menemukan kodenya hapus kode tersebut dan lanjutkan mencari kode berikut ini

        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>

hapus juga kode tersebut dan ganti dengan kode brikut

        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
          <h2 class='date-header'><data:post.dateHeader/></h2>
        <b:else/>
          <data:post.title/>
        </b:if>

Kode diatas untuk menghilangkan tanggal pada daftar isi sedangkan pada tampilan per artikel tanggal tetap muncul.

Setelah langkah-langkah di atas ada satu lagi langkah yang cukup penting untuk menempatkan tombol daftar isi. Berikut cara membuat tombol daftar isi agar jika tombol tersebut di klik akan muncul daftar isi blog berdasarkan judul artikel di blog anda.

Kembali ke jendela Tataletak/Design dan tambahkan komponen untuk kode HTML/JavaScript dan masukan kode berikut :

<a href="http://NamaBlogAnda.blogspot.com/search?max-results=100">DAFTAR ISI</a>

ganti NamaBlogAnda yang berwarna orange dengan nama blog anda sebenarnya misalnya http://belajar-ilmu-komputer.blogspot.com, sedangkan untuk nilai 100 bisa diganti sesuai dengan seberapa jumlah judul artikel yang muncul jika memilih 100 maka akan muncul 100 judul artikel dalam daftar isi per halaman tampil.

Selesai dan selamat mencoba semoga artikel ini bermanfaat.

2 comments:

Sonin,S.Pd.I. said...

Artikel yang saudara berikan cukup bagus dan mendukung bagi para pecinta bisnis online,

umaranong said...

tanks ya udah kasi penjelasan tentang masalah daftar blogg

Post a Comment

Bagaimana menurut anda tentang artikel ini, Berikan Komentar anda di sini... komentar spam akan dihapus

Pengikut Belajar Ilmu Komputer