Mengganti Homepage dengan Daftar Isi

Caranya berikut ini :

• Langkah pertama Login ke blogger Sobat, Pilih Design/Rancangan > Page Element/Elemen Halaman.
• Klik Add a Gadget/Tambah Gadget.
• Pilih HTML/Java Script.
• Silahkan Copy kode berikut dan paste didalam konten HTML/Javascript nya.
  Daftar Isi Menurut Artikel Terbaru
  
  
  
  

  <div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script type="text/javascript" src="http://html-scripts.googlecode.com/files/feeds.js"></script><script type="text/javascript" src="http://sinforan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

  
  
  
  
  
  Daftar Isi Menurut Label

<div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script type="text/javascript" src="http://sinforan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

        Daftar Isi Menurut Tanggal

<div style="border: 1px; padding: 5px;"><div style="text-align: center;"><h2>.:: Daftar Isi ::.</h2></div><script src="http://post-xml.googlecode.com/files/feed-dates.js"></script><script type="text/javascript" src="http://sinforan.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

• Ganti sinforan.blogspot.com dengan alamat blog Sobat.
• Lalu klik Save.
• Pindahkan widget tersebut ke bagian atas Blog Posts.
• Selanjutnya klik Settings > Formatting.
• Pada Show at most ganti dengan angka 0.
• Lalu klik SAVE SETINGS.
• Kemudian Klik Design/Rancangan > Edit HTML.
• Beri tanda centang pada Expand Template Widget.
  Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
• Cari kode ]]></b:skin>, lalu letakkan kode berikut ini di bawah kode ]]></b:skin>
  
  

  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style>
  #HTML5 {display:none;}
  </style>
  </b:if>

• Ket : Kode yang berwarna merah adalah ID widget, ganti dengan ID widget yang baru Anda buat.
  Untuk mengetahui ID widget, berikut caranya :
  • Pilih Design/Rancangan > Page Element/Elemen Halaman.
  • Letakkan posisi mouse pada tulisan Edit widget tadi, dan lihat dibagian bawah browser, akan terlihat URL widget tersebut.
• Terakhir klik Save / Simpan Template.

Selesai dan lihat hasilnya pada Homepage blog Sobat. Semoga bermanfaat...

Sekian tutorial tentang Mengganti Homepage dengan Daftar Isi.