Featured Post Today
print this page
Latest Post
Tampilkan postingan dengan label bag. Tampilkan semua postingan
Tampilkan postingan dengan label bag. Tampilkan semua postingan

Membuat Daftar Isi Blog Pada Halaman Artikel Bag I

Bagi blog yang sudah memiliki banyak tulisan dengan kategori yang bebeda-beda, menambahkan TagCloud dan Blog Archieve saja tidaklah cukup. Karena itu perlu adanya penambahan site map (peta situs), yang dalam hal ini adalah daftar isi (table of content), dimana dengan daftar isi ini setiap pengunjung dapat melihat keseluruhan artikel yang terdapat di dalam blog tersebut melalui judul-judul artikel yang ditayangkan.

Ada beberapa bentuk daftar isi (table of content) yang biasa digunakan para blogger, mulai yang disimpan pada halaman artikel, widget sidebar, sampai yang dibuat sebagai halaman blog. Nah, kali ini saya akan coba membahas tentang table of content yang ditempatkan pada halaman artikel.

Pada tulisan pertama ini akan dibahas mengenai daftar isi (table of content) yang dibuat oleh Abu Farhan, salah seorang Master Blogger kita yang sudah sangat terkenal hingga manca negara. Ada dua jenis yang ia buat: Pertama, daftar isi yang diurutkan berdasarkan kategori atau label, dan kedua, diurutkan berdasarkan tanggal posting.
Daftar Isi Berdasarkan Label
Contoh daftar isi ini bisa kamu lihat di blog ini. Dan cara membuatnya:
  • Seperti biasa, login ke Blogger.
  • Kemudian buat sebuah Entri Baru atau Laman Baru dan pilih Edit HTML.
  • Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
  • Jika memilih Entri Baru, klik pada Opsi Entri dan setting supaya dipublikasikan mundur (ke tanggal pertama kali kamu posting).
  • Kopikan script berikut (gunakan Control C) dan ganti NamaBlog sesuai nama Blog kamu:

    <script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v1.js"></script>
    <script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    atau kamu bisa gunakan source script aslinya dari Abu Farhan, dengan mengganti alamat berwarna biru dengan alamat ini:

    http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js
  • Setelah di-paste, klik Terbitkan Entri dan ucapkan Alhamdulillah...
Daftar Isi Berdasarkan Tanggal
Contoh daftar isi ini bisa kamu lihat di blog ini. Dan cara membuatnya:
  • Langkah ke-1 sampai dengan ke-4 sama dengan di atas.
  • Kopikan script berikut dan ganti NamaBlog sesuai nama Blog kamu:

    <script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v2.js"></script>
    <script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
    atau kamu bisa gunakan source script aslinya dari Abu Farhan, dengan mengganti alamat berwarna biru dengan alamat ini:

    http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js
  • Setelah di-paste, klik Terbitkan Entri dan ucapkan Alhamdulillah...

Sekarang tinggal kamu pilih salah satu dari kedua model daftar isi itu. Atau jika mau kedua-duanya juga boleh, hanya harus dibuat dua halaman berbeda. Setelah itu buatlah link ke daftar isi ini. Link ini bisa kamu tempatkan pada navbar menu atau pada sidebar blog kamu (lebih jelasnya tentang link, silahkan baca artikel ini).
Link-nya misalnya seperti ini (jika memilih entri baru):

<a href="http://NamaBlog.blogspot.com/2009/03/daftar-isi-berdasarkan-label.html">Daftar Isi</a>
atau seperti ini (jika memilih laman baru):

<a href="http://NamaBlog.blogspot.com/p/daftar-isi-berdasarkan-label.html">Daftar Isi</a>

Jika tulisan-tulisan kamu sudah banyak sehingga jika dilihat daftarnya akan sangat panjang, maka buatlah scroll untuk daftar isi ini, seperti daftar isi pada blog ini. Caranya kamu tinggal menambahkan perintah overflow.

Ok coy, selamat mencoba....
0 komentar

Membuat Kumpulan Komentar Blog Bag I

Pengunjung Blog yang memberikan Komentar tidak mesti pada Artikel terakhir yang kita publish, dan tidak menutup kemungkinan para Pengunjung memberikan komentar pada Artikel lawas [lama] :x; 
Untuk mengetahui si Pengunjung memberikan Komentar di Blog kita maka diperlukan Rekapan Komentar yang bisa kita tampilkan di Home Page [Beranda Blog] :z; 
Modelnyapun ada bermacam-macam, dan disini saya akan mencoba membahas satu-persatu 
Caranya sebagai berikut :

  1. Masuk ke account Blogger dengan ID kawan.
  2. Pada Tata Letak pilih tambah gadget 
  3. Klik tanda (+) pada HTML/JavaScript
  4. Copas (copy-paste) kode berikut ke dalamnya
    <script style="text/javascript" src="https://sites.google.com/site/tipsblogbegoku/arsip/showrecentcomments.js">
    </script><script style="text/javascript">
    var numcomments = 25;var displaymore = true;
    var showcommentdate = true;
    var showposttitle = true;
    var numchars = 80;var standardstyling = true;</script>
    <script src="http://Nama Blog Kawan.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
    Penjelasan :

    Silahkan kawan ganti angka maupun Nama Blog Kawan yang berwarna merah menyesuaikan dengan kebutuhan kawan  :y;
    1. Angka 25 menunjukkan jumlah komentar yang akan kawan tampilkan 
    2. Angka 80 menunjukkan jumlah sukun kata komentar (apa hanya judul artikel yang diberikan komentar saja atau sampai isi komentarnya). Kalau dipakai 150 seperti contoh disamping ini hasilnya 
    3. Kalau semuanya sudah disesuaikan, silahkan simpan  hasil kerja kawan dan lihat hasilnya 
    4. Seandainya kawan menginginkan biar kelihatan elegant dengan memberikan sedikit polesan border [table] dengan kode berikut dan diakhiri dengan 

      <div style="border: 1px solid black; height: 200px; overflow: auto; padding: 10px; width: 300px;"><script style="text/javascript" src="https://sites.google.com/site/tipsblogbegoku/arsip/showrecentcomments.js">
      </script><script style="text/javascript">
      var numcomments = 25;var displaymore = true;
      var showcommentdate = true;
      var showposttitle = true;
      var numchars = 80;var standardstyling = true;</script>
      <script src="http://Nama Blog Kawan.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
      </div>
      Mudah-mudahan apa yang saya sampaikan ini bisa membantu dan ada manfaatnya buat kawan 

      Keterangan :
      height:200px adalah ketinggian dan width:300px adalah lebar
      silahkan sesuaikan dengan penempatannya di Blog kawan


      0 komentar
       
      Support : Creating Website | Johny Template | Mas Template
      Copyright © 2011. Window37 - All Rights Reserved
      Template Created by Creating Website Published by Mas Template
      Proudly powered by Blogger