Cara Membuat Daftar Isi

Unknown - Kamis, 02 Mei 2013 - 12:43 wita

Sebelumnya sudah banyak yang saya bahas dan bagikan mengenai Daftar Isi yang pada umumnya berupa Slide / Animasi :y; sekarang untuk melengkapi Daftar Isi Blog  akan saya bagikan pada kawan cara membuat Daftar Isi yang sederhana alias tanpa berisi Animasi [tidak bergerak] 
Kalau dilihat dari modelnya secara garis besarnya ada 2 macam : yaitu manual dan otomatis, yang keduanya bisa kita poles supaya kelihatan lebih menarik misalnya ditambahkan background color, border dan lain sebagainya :q; Cuma secara global kelebihan dan kekurangannya sebagai berikut :  


  • Untuk yang manual punya Kekurangan yaitu kita setiap posting baru harus menambahkan, yang secara tak langsung ini merupakan kelebihannya karena kadang-kadang kita tak ingin menampilkan postingan kita pada Daftar Isi [kita bisa memilah-milah atau memilih yang akan kita tampilkan]
  • Untuk yang otomatis sermua Artikel / postingan akan ditampilkan tanpa kecuali
Baiklah sekarang kita bahas satu persatu yaitu dari yang manual.
Cara membuatnya sebagai berikut :

  • Seperti biasa masuk ke Account Blogger dengan ID kawan.
  • Pada Dasbor pilih Tata Letak – Tambah Gadget
  • Pilih tanda tambah pada HTML / Javascript
  • Copas (copy-paste) script berikut kedalamnya
<div align="top">
<span class="Apple-style-span" style="color: yellow; font-size: 16px; font-weight: normal;"><b><blink>DAFTAR ISI BBC</blink></b></span>
<div style="-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #369; height: 160px; overflow: auto; padding-left: 20px; width: 400px;background-color:#95caff;">
<ol>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-navbar-menu-menggulung.html">Cara Membuat Navbar Menu Menggulung</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-tidak-bisa-klik-kanan.htmll">Cara Membuat Tidak Bisa Klik Kanan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-tulisan-peringatan-klik.html">Cara Membuat Tulisan Peringatan Klik kanan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-memperbesar-image-di-postingan.html">Cara Memperbesar Image di postingan</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/04/cara-membuat-image-berputar.html">Cara Membuat Image Berputar</a></li>
<li><a href="http://blogbego-creation.blogspot.com/2013/03/cara-modifikasi-populer-post-default.html">Cara Modifikasi Populer Post</a></li>
</ol>
</div></div>

Hasilnya sebagai berikut :

DAFTAR ISI BBC 


  • Silahkan kawan ganti semua URL / Link Blog saya dengan URL / Link Blog kawan


Berbagi Artikel :

Cara Membuat Daftar Isi
Rate this posting:
{[["☆","★"]]}

Kalau pada Artikel Cara Membuat Daftar Isi
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

8 Komentar pada : “Cara Membuat Daftar Isi ”

  1. mas,saya mau nanya..??cara membuat menu kayak yang pojok kanan atas itu bgaimana ya..??atau itu sudah bawaan template mas.
    terima kasih

    BalasHapus
  2. .. aq juga req donk. cara kasih pesan komen kotak gitu gimana?!? pluz open closenya emo gitu. he..86x ..

    BalasHapus
  3. penuh flash ya gan web ente.. jadi pusing ane :D

    BalasHapus
  4. wah mantab blog agan.. kreasi sendiri ya gan ?:b

    BalasHapus
  5. ane pernah belajar spoiler.. alhasil gak berhasil mas boss.. kenapa ya?

    BalasHapus
  6. terima kasih semuanya yang sudah berkunjung dan memberikan saran, pendapat, kritikan dllnya harap maklum saya lagi belajar "q;

    BalasHapus
  7. makasih gan infonya.......

    BalasHapus

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM ATAU PAKAI NAMA ANONIM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan





BANNER [300x250]
© 2013 - BLOGBEGO CREATION | Powered by Blogger
Design Template by : Blogger Edan