Membuat Daftar Isi.

Update kali ini saya bingung mau buat postingan apa_an, hingga akhirnya saya memilih memposting Tutorial Membuat Daftar Isi. Mungkin diantara sobat blogger membuat daftar isi sangatlah mudah tapi bagi yang pemula seperti saya masih bingung cara pasangnya.

Dalam membuat widget Daftar Isi ada beragam caranya tapi untuk postingan ini saya hanya membahas 2 cara. Yuk mari sama-sama kita simak :

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout


3. Pilih tambah gadget




4. Pilih HTML/javascript.




5. Kopas kode di bawah ini



<div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 280px; height: 150px; text-align: left;">

<a href="http://belajar-bersama-pemula.blogspot.com/2009/11/cara-membuat-blog-via-blogger.html">Cara Membuat Blog Via blogger</a><br/>


<a href="http://belajar-bersama-pemula.blogspot.com/2009/11/cara-setting-blog.html">Cara Setting blog</a><br/>


<a href="http://belajar-bersama-pemula.blogspot.com/2009/11/memilih-template.html">3. Memilih Template</a><br/>

</div>


Sedikit Clue :
Jadi tiap ada postingan baru anda harus menambah kode diatas kode </div> .

<a href="http://belajar-bersama-pemula.blogspot.com/2009/11/cara-membuat-blog-via-blogger.html">Cara Membuat Blog Via blogger</a><br/>
Catatan :
Kode yang warna orange itu dapat anda ganti dengan lebar widget yang anda inginkan.
Kode yang warna hijau dapat anda ganti sesuai dengan tinggi widget yang sesuai dengan template anda.
Kode yang warna merah anda ganti dengan URL postingan.
Kode yang warna biru anda ganti dengan judul postingannya tapi harus sesuai dengan URL tadi.



Kalau anda tidak mau repot menambah code tiap ada postingan kode di atas diganti aja dengan kode bawah ini :


<div style="border: 1px solid #000; overflow: auto; width: 300px; height: 220px;">
<script style="text/javascript" src="https://sites.google.com/site/faiscwakep/pemula/DaftarIsi.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://belajar-bersama-pemula.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>


Catatan :
Kode yang warna orange itu dapat anda ganti dengan lebar widget yang anda inginkan.
Kode yang warna hijau dapat anda ganti sesuai dengan tinggi widget yang sesuai dengan template anda.
numposts : untuk menampilkan jumlah judul.
showpostdate : untuk menampilkan tanggal postingan ubah false menjadi true.
showpostsummary : untuk menampilkan ringkasan postingan ubah false menjadi true.
Kode yang warna merah anda ganti dengan URL anda.

Setelah anda mencopy paste salah satu kode di atas pilih simpan.
Dan anda lihat hasilnya, selesai dech.
Hidup Seorang Blogger...
Share on Google Plus

About Fais Wahid

Saya saat ini seorang mahasiswa strata 1 Geofisika di Universitas Hasanuddin yang mencoba untuk berbagi pengetahuan saya walau pun saya sendiri juga masih belajar.