Mengganti Homepage dengan Daftar Isi

Mengganti Homepage dengan Daftar Isi - Hallo guys,mimin mau share nih Tutorial Blog di Blogrenanda, Pada sharing Tutorial Blog kali ini yang berjudul Mengganti Homepage dengan Daftar Isi, saya telah menyediakan Tutorial Blog lengkap seperti Mengganti Homepage dengan Daftar Isi . mudah-mudahan isi postingan tutorial yang mimin tulis ini dapat anda pahami. okelah, ini dia tutorialnya.

Mengganti Homepage dengan Daftar Isi | Tutorial Blog

Tutorial kali ini saya buat atas permintaan dari Sobat Rangga saputra. Sobat Rangga ingin menampilkan daftar isi blog di homepage. Maksudnya tampilan homepage yang biasanya menampilkan artikel terbaru akan kita ganti dengan daftar isi.

Mungkin Sobat yang lain juga ada yang ingin Mengganti Homepage dengan Daftar Isi, Anda bisa mengikuti tutorial 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
  Kode :

  <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://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
  Daftar Isi Menurut Label
  Kode :

  <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://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
  Daftar Isi Menurut Tanggal
  Kode :

  <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://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
  Ganti wadahtutorial.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>
  Kode :

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

Demikianlah Artikel Mengganti Homepage dengan Daftar Isi

Sekian Tutorial dari Blogrenanda Mengganti Homepage dengan Daftar Isi, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan dari BlogRenanda.

Mengganti Homepage dengan Daftar Isi

Anda sedang membaca artikel Mengganti Homepage dengan Daftar Isi dan artikel ini url permalinknya adalah https://blogrenanda.blogspot.com/2012/01/mengganti-homepage-dengan-daftar-isi.html Semoga artikel ini bisa bermanfaat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: