New Daftar isi Blog Berdasarkan Label

Keberadaan daftar isi sangat dibutuhkan bagi setiap orang yang hendak mengeksplore sebuah bacaan. Sebetulnya saya sudah pernah membuat posting tentang cara membuat daftar isi seperti disini. Namun pada postingan kali ini saya ingin menampilkan daftar isi yang lain dari postingan sebelumnya. Sebelum anda melanjutkan membaca tulisan ini alangkah baiknya anda lihat dulu
seperti apa hasil jadinya nanti, silahkan  anda klik tab Daftar isi blog ini.

Nah kalau sudah mari kita lanjutkan belajarnya…:d

Pada postingan Daftar isi blog berdasarkan label ini juga dilengkapi dengan penanda khusus kalau-kalau anda membuat postingan baru maka akan muncul tanda khusus berupa tulisan “New”. Ada 2 model yang bisa anda pilih yakni Daftar isi blog berdasarkan label tanpa scroll dan Daftar isi blog yang memakai scroll.

Silahkan copy kode di bawah ini dan paste di blog anda,

Ini Kode daftar isi Tanpa scroll:

<script

style="text/javascript" src="http://kodecode.googlecode.com/files/daptarisiblog.txt"></script><script

src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Dan ini Kode daftar isi Dengan Scroll:

<div

style="overflow:auto;width:450px; height:200px; padding:10px;border:1px

solid #eee"><script style="text/javascript" src="http://kodecode.googlecode.com/files/daptarisiblog.txt"></script><script

src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Keterangan:

1. namablog.blogspot.com : gantilah dengan alamat blog anda

2. width:450px : Ganti Lebar sesuai dengan yang anda inginkan, sesuaikan dengan template

3. height:200px : Ganti tingginya sesuai dengan keinginan anda

4. postingan tanpa label tidak muncul di daftar isi ini

Catatan :

Daftar isi ini bisa di pasang di side bar maupun di halaman posting. Bila mau dipasang di side bar sebaiknya gunakanlah yang model scroll untuk menghemat ruang.

Daftar isi Blog Berdasarkan Label

Membuat daftar isi dari sebuah blog sudah banyak ditulis di berbagai blog tutorial. Hanya saja, sebagian dari cara yang dikemukakan tidak menampilkan seluruh daftar isi yang ada pada blog.
Tips kali ini juga merupakan cara membuat daftar isi blo secar lengkap yang ditampilkan dalam bentuk tabel. Kelebihan dari daftar isi ini dapat ditampilkan dan juga dapat disembunyikan, anda tinggal klik kata untuk menampilkan atau menyembunyikan daftar isi.

Post ini diperoleh dari sumbernya aslinya yaitu : BEAUTIFUL BETA
Ikuti langkah-langkah dibawah ini bagi anda yang ingin mencoba.

• Langkah Pertama



1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. pilih Edit HTML.
4. Back up dulu templatnya jika takut gagal.
5. Cari kode ini : ]]></b:skin> 
6. Copy kode dibawah ini, kemudian paste tepat diatas kode tadi.
   
   
   #toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}

.toc-header-col2 { width:75px;}

.toc-header-col3 { width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited,

.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,

.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}




7. Klik Tombol Simpan Template




• Langkah Kedua
1. Masuk ke Elemen Halaman.
2. Pilih Tambah Gadget.
3. Klik tanda + pada HTML/JavaScript.
4. Copy kode dibawah ini kemudian paste pada kolom yang tersedia
   
   
   <div id="toclink"> <a href="javascript:showToc();"> <img border="0" src="http://h1.ripway.com/ades40/image/add2.png"/><font color="#808000"><b> Lihat Semua Daftar Posting</b></font></a>
</div>
<script style="text/javascript" src="http://h1.ripway.com/ades40/blogtoc.js"></script>
<script src="http://namablog anda.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>




5. KLik tombol Simpan


• Langkah Ketiga


1. Masih di Elemen Halaman.
2. Klik Tambah Gadget.
3. Klik tanda + pada HTML /JavaScript.
4. Copy kode dibawah ini, kemudian paste pada kolom yang tersedia.
   
   
   <div id="toc"></div>
5. Klik tombol Simpan


• Selesai.
• Selamat mencoba, semoga bermanfaat.

Cara membuat kategori (label)

Menanggapi beberapa pertanyaan dari para sobat yang di ajukan baik melaluishoutbox, kotak komentar dan bahkan ada yang melalui yahoo messenger menyoal tentangbagaimana cara membuat kategori dari artiekl-artikel yang telah di posting. Memangbetul, tentu dengan adanya pengkategorian atau pengelompokan artikel yang telah diposting oleh pemilik blog dapat lebih mempermudah bagi para pembaca untuk memilihartikel mana yang ingin dibaca.

Di blogger.com fasilitas ini sebenarnya sudah di sediakan, akan tetapi walaupunfasilitas tersebut telah tersedia tentu saja jika kita tidak mengetahui cara menggunakannya akan menjadi tidak berguna. Untuk membuat kategori, di blogger.com di kenal dengan istilah Label. Dengan adanya fasilitas ini kita sebagai pemilik blog hanya tinggal mengisi kotak label yang di sedikan pada setiap posting artikel, sangat simpel dan sederhana.

Agar tidak membingungkan, silahkan sobat lihat pada akhir postingan artikel ini. Disana ada tulisan seperti ini : Labels : Blog tutorial, membuat label.Nah berarti postingan ini termasuk ke dalam dua kategori, yaitu kategori Blog tutorial dan kategori membuat label. Untuk melihat fungsi dari label ini silahkan sobat klik label yang bertuliskan Blog tutorial, maka secara otomatis seluruh postingan yang saya beri label Blog tutorial akan di tampilkan dan siap untuk di baca oleh pengunjung.

Bagaimana cara membuat label?

Untuk membuat sebuah kategori atau label, sobat hanya tinggal mengisi kotak kosongdi samping tulisan Label untuk postingan ini : (karena sekarang blogger sudahada yang berbahasa indonesia) yang berada di bawah kotak tempat membuat artikel. Isi kotak tersebut dengan kategori yang kira-kiracocok untuk postingan yang kita buat. Contoh : liburan musim dingin. Satu postingantidak hanya terpatok hanya pada satu kategori saja, akan tetapi satu postingan bisamempunyai beberapa kategori. untuk membuatnya tinggal di pisahkan dengan tanda koma ( , )saja, misal untuk postingan artikel blog ini ada yang ber label Blog tutorial, blog tools, aksesori blog, karena postingan tersebut memang cocok dan masuk kedalam ketiga kategori tersebut.

Apakah kategori (label) bisa di tampilkan di sidebar?

Untuk sobat para pengguna template baru, Label (kategori) bisa di tampilkandi sidebar, dan biasanya element label ini sudah tersedia ketika baru memasang template. Jika element label belum tersidia, sobat bisa membuatnya sendiri, silahkan ikuti langkah - langkah berikut ini :

1. Sig in di blogger dengan id sobat



2. Klik menu Layout



3. Klik menu Elemen Halaman



4. Klik tulisan Tambahkan sebuah Elemen Halaman



5. Klik tombol yang bertuliskan TAMBAHKAN KE BLOG yang berada di bawah tulisan Label



6. Tulisan Labels di samping tulisan Judul bisa sobat rubah menjadi Kategori jika sobat mau merubahnya



7. Pilih radio button yang sobat inginkan di samping tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik ( dari A --> Z ), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori)



8. Klik tombol yang bertuliskan SIMPAN PERUBAHAN



9. Selesai.

Sangat mudah bukan?

Sedikit pengumumam, karena blogger sekarang sudah ada yang berbahasa indonesia, makamulai sekarang dalam memandu mengikuti dengan memakai yang berbahasa indonesia.

Selamat mencoba !