Cara Saya berbagi tentang : Cara Buat Widget Daftar Isi Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Buat Widget Daftar Isi Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Buat Widget Daftar Isi Blog menambah wawasan Jika Sobat Suka Dengan Cara Buat Widget Daftar Isi Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Buat Widget Daftar Isi Blog pada blog ini

widget daftar isi,widget toc,widget,table of content,daftar isi,toc,widget blog,tutorial blogspot

Hari ini saya akan sharing sebuah widget daftar isi atau widget table of content kepada sobat blogger. Widget daftar isi ini merupakan widget pertama yang saya buat. Widget ini menampilkan title post yang di atur menggunakan bullet list. Mungkin selama ini, sobat blogger sering menemukan widget daftar isi yang menampilkan link yang bertuliskan "Widget By", widget ini tidak menampilkan link yang seperti itu, jadi kesan copy paste kode widget daftar isi tidak terlihat. Tampilan dari widget TOC ini sangat simple, tapi sobat blogger bisa merubah tampilannya dengan menambahkan warna background atau merubah

warna bingkainya.


Kode untuk membuat widget daftar isi :

<div style="overflow:auto;padding:0px 10px; width:auto; height:260px;border:1px solid #bbbbbb;">
<div>
<ul>
<script style="text/javascript">
var numposts = 9999;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://tutorialblogspot.googlecode.com/files/toc-bulletlist.js'></script>
<ul><script src="http://indosoftgame.blogspot.com/feeds/posts/default/?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=9999"></script>
</ul></ul></div></div>

Untuk kostumisasi :
  1. Ganti tulisan yang berwarna merah dengan URL blog sobat.
  2. Kalau sobat blogger memasang widget ini di tempat postingan, hapus kode height:260px; (kita menghapus kode itu supaya tidak menggunakan scroll bar).
  3. Kalau sobat blogger ingin mengganti background dari widget ini, sobat blogger tambahkan kode background: #F6CEE3; setelah kode border:1px solid #bbbbbb;
  4. Untuk warna bingkainya, silahkan sobat blogger ganti kode #bbbbbb dengan kode warna yang lain.
Semoga bermanfaat :)
Cara Saya berbagi tentang Cara Buat Widget Daftar Isi Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Buat Widget Daftar Isi Blog menambah wawasan Jika Sobat Suka Dengan Cara Buat Widget Daftar Isi Blog dapat sharing dengan yang lainnya

0 comments:

Poskan Komentar