Pages

Selasa, 15 Mei 2012

Cara Membuat Daftar Isi Otomatis Dengan Label Tertentu Di Sidebar Blog


Cara Membuat Daftar Isi Otomatis Dengan Label Tertentu Di Sidebar BlogKemungkinan besar anda telah menemui artikel mirip seperti ini dengan kata kunci " Membuat daftar isi per label", atau tak jarang juga dengan keyword cara membuat daftar isi sitemap. tapi ada satu hal yang membedakan tips ini dari cara membuat daftar isi yang lain, yaitu cara ini yang hanya menampilkan  artikel - artkel dalam 1 kategori atau label tertentu yang biasanya di letakkan di sidebar blog.

Pada kesempatan yang berbahagia ini Blogsnewsunik akan coba mengungkapkan bagaimana
Cara Membuat Daftar Isi Otomatis Dengan Label Tertentu Di Sidebar Blog .


Cara seperti ini sebetulnya dapat anda lakukan secara manual dengan cara
memasukkan secara manual link - link artikel blog Anda, Ketidak efisienan cara manual adalah waktu anda akan banyak terbuang. Jika sobat hanya memiliki sedikit artikel,hal itu tidak menjadi masalah  namun bagaimana jika banyak?? Jari ente nanti bsa  teriak teriak,,,,hihihikz.

KeunggulanWidget ini telah di lengkapi scroll yang berfungsi menghemat  halaman blog Anda, jadi sobat gak usah khawatir jika tidak muat halamannya karna kebanyakan artikel. Khusus bagi sobat yang berminat Membuat Daftar Isi Otomatis Dengan Label Tertentu Di Sidebar Blog
, silahkan pelajari tutorial berikut.

Cara Membuat Daftar Isi Otomatis Dengan Label Tertentu Di Sidebar Blog :
1. Log in ke akun blogger Anda.
2. Klik Rancangan --> Elemen laman --> Tambah Gadget -->HTML/Javascript
3. Masukkan kode berikut kedalam kotak yang di sediakan dan berikan judul sesuai keinginan Anda, misalnya Tutorial Blogger.

<div style="overflow:auto; width:auto; height:150px; padding:5px;border:0px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src=''http://
blogsnewsunik.blogspot.googlecode.com/files/postlabel.js></script><ol>
<script src="http://
blogsnewsunik.blogspot.com/feeds/posts/default/-/blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>

4. Kemudian klik Save/Simpan dan lihat hasilnya.

Keterangan:
  • width:auto :  menunjukkan bahwa  lebar scroll box akan menyesuaikan dengan lebar sidebar.
  • height:100px : tinggi scroll box. silahkan Anda ganti sesuai keinginan.
  • border:1px solid #e6e4e3 :  adalah ukuran, jenis dan warna dari border.
  • font-size : adalah ukuran huruf.
  • <ol> : adalah Numbered LIst , Anda bisa menggantinya menjadi bullet list dengan kode <ul>
  • Ganti http://blogsnewsunik.blogspot.com dengan Url blog Anda.
  • Ganti  blog %20 dengan label yang Anda inginkan. Perhatikan penulisan labelnya. sesuaikan dengan yang tertera, jika satu huruf saja salah penulisannya, makan daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan kode %20.
Selesai sudah sedikit bagi-bagi Membuat Daftar Isi Otomatis Dengan Label Tertentu Di Sidebar Blog dari blogsnewsunik untuk sobat semoga berguna dan silahkkan ikuti twitter kami untuk mendapatkan informasi terbaru kami semoga bermanfaat.

1 komentar:

  1. Nice info sobat....!
    hasilnya jgan lupa melihat di blog ane...!
    salam kenal sobat...!

    BalasHapus