Welcome To My Blog

Selamat datang di website pribadi saya. Online Learning Tutorial merupakan Website Tutorial untuk membuat media pembelajaran online yang Kreatif dan Inovatif berbasis Blog yang dapat digunakan sebagai E-Learning.

Sabtu, 20 Agustus 2011

Membuat Widget Daftar Isi Posting Blog

Widget daftar isi ini  akan memudah kan pembaca dalam mencari artikel yang ingin dibaca di blog Anda sehingga memungkinkan artikel blog Anda semakin populer.  Untuk memasang widget ini ikuti langkah-langkah berikut ini

1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
6. Kopas kode di bawah ini

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://nenysmadda.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>

Kode tersebut akan menampilkan daftar isi artikel blog ini. Silahkan ganti http://nenysmadda.blogspot.com dengan alamat blog masing-masing.


Kode yang berwarna merah adalah kode CSS untuk memperindah tampilan daftar isi dan silahkan atur sesuai denga selera masing masing. 

Silahkan seting pada border untuk garis pinggir dan warnanya dan jika perlu tambahkan kode width: 200px; sebelum height, untuk mengatur lebar widget tersebut.

Di bawah ini adalah screenshot widget daftar isi yang sudah di pasang. 

Selamat Mencoba dan Semoga Berhasil!
Sumber : Dunia Blogger
Stumble
Delicious
Technorati
Twitter
Digg
Facebook
Yahoo
Feed

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar