Music, Story, and Style

Total Pageviews

Sunday, October 24, 2010

Cara membuat Daftar Isi Pada Blog



Mau seperti itu, ikuti langkah berikut :
1. Login ke Blogger.
2. Buka menu Layout -> Page Elements
3. Klik Add a Gadget -> HTML/Javascript.
4. Masukkan kode dibawah ini kedalam kotak <style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfSV69g9JrCHd3mgRz4Uyc4_qX1nIRAIr2AI1lC0SSBQiF0a_TrmSXjRQZ3huymXzloSjwQ1_u2ueViaFj87rlImRi5Ti7NC-s41z0oxD_T_I4v7ee4TenIorDoFg1uC1HiX6fMHM3vjGK/") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">

<div class="list">
<a href="Alamat URL yang ingin ditayangkan">Teks yang ditampilkan</a></div>

<div class="list">
<a href="
Alamat URL yang ingin ditayangkan">Teks yang ditampilkan</a></div>

<div class="list">
<a href="
Alamat URL yang ingin ditayangkan">Teks yang ditampilkan</a></div>

</div>
Keterangan:

380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.

Ingat:

Ganti tulisan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Kuning yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode

</div>
dan begitu seterusnya jika anda ingin menambah postingan baru lagi.

5. Kalau sudah klik Save Template.finish

0 comments:

Your Name :
Your Email :
Subject :
Message :
Image (case-sensitive):
yon-emoboy.blogspot.com RT 07 RW 04 Menggungan Tawangsari Pengsih Kulon Progo DIY. Powered by Blogger.

  © Blogger templates The Transformers by Blog Tips And Trick 2009