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
Kode untuk membuat widget daftar isi :
Untuk kostumisasi :
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
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 :
- Ganti tulisan yang berwarna merah dengan URL blog sobat.
- Kalau sobat blogger memasang widget ini di tempat postingan, hapus kode height:260px; (kita menghapus kode itu supaya tidak menggunakan scroll bar).
- Kalau sobat blogger ingin mengganti background dari widget ini, sobat blogger tambahkan kode background: #F6CEE3; setelah kode border:1px solid #bbbbbb;
- Untuk warna bingkainya, silahkan sobat blogger ganti kode #bbbbbb dengan kode warna yang lain.
Semoga bermanfaat :)
Categories:
Tutorial Blog,
Widget Blogger
0 comments:
Posting Komentar