chatting! ()
expr:class='"loading" + data:blog.mobileClass'>
Get Gifs at CodemySpace.com TO SUPARDI MEMANG TEGUH

Sabtu, 16 Juni 2012

Cara Membuat Widget Daftar Isi


Widget,table of contents,content,daftar isi,sitemap,widget daftar isi,widget TOC,TOC,Widget abu farhan,widget blog,accordion effect

Table of contents atau yang sering di singkat dengan TOC merupakan widget yang harus sobat pasang di blog sobat, karena dengan adanya widget TOC, visitors blog sobat dapat mengetahui semua konten yang sudah kita publikasikan ke blog kita baik yang sudah lawas atau yang terbaru. Widget Table of Contents atau Widget Daftar isi ini menampilkan title dari postingan kita yang sudah di atur sesuai dengan label.

Widget daftar isi ini, tidak seperti widget daftar isi yang lain. Widget ini sangat menakjubkan buat saya pribadi, karena memiliki banyak kelebihan jika di bandingkan dengan widget table of contents yang lain. Berikut kelebihan atau fitur yang terdapat dalam widget Table Of Contents.
  1. Menampilkan Accordion effect
  2. Menampilkan efek Show and Hide
  3. Mengunakan CSS 3
  4. Secara otomatis menambahkan Jquery
  5. Secara otomatis mengurutkan judul
  6. Warna yang berbeda untuk konten
  7. Menggunakan style buka tutup
  8. Menampilkan tulisan "New !!" pada 10 postingan yang baru-baru ini kita publikasikan

Cara Membuat Widget Daftar isi :

Create New Post,post blogger,posting blog,menulis posting,menulis artikel

  • Buat Judul untuk Daftar isi ini

Title Post,post,title,blog post,post editor,judul posting

  • Klik HTML

HTML Post Editor,post editor,html,posting blog,html blogger,html blog

  • Masukkan kode berikut :
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://lenterablogger.blogspot.com/feeds/posts/summary?max-results=99999&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

  • Ganti http://lenterablogger.blogspot.com dengan URL blog sobat
  • Kemudian klik Publish

Tidak ada komentar:

Posting Komentar

untuk foto:[img]url gambar[/img] Jika Video:[youtube]URL Video[/youtube]
Jika kata - kata mutiara:[blockquote]Kata-kata Anda[/blockquote]
Anda juga bisa menggunakan emoticon seperti biasa. koment di sini v