ikuti ajjah langkah-langkahnya di bawah ini :
1. Login ke Blogger.
2. Buka menu Layout -> Page Elements
3. Klik Add a Gadget -> HTML/Javascript.
4. Masukkan kode dibawah ini kedalam kotak
Daftar isi menggunakan icon kecil di sampingnya
<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr1D9r8wzrR_nkvxncmKuB1eUxYaM6ZLvriSBSdCXZjcE1yGItWTaRNR0CeSfpIduoXszFDZ0O08hR908R_aRgp_oZZ4h-aaDh2eIXVihCL_xBO4kdiiKl8-JjsLS2Ad7TTRxnCKWtq3c-/")
no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px
0px 0px 20px;
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;">
0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px
solid #ffffff;">
<div class="list">
<a href="http://risky-xp.blogspot.com/p/cara-memilih-laptop.html">CaraMemilih laptop& Tang di Blog</a></div>
<div class="list">
<a href="http://risky-xp.blogspot.com/p/memperbaiki-kerusakan-pada-komputer.html">Cara
memperbaiki pc</a></div>
memperbaiki pc</a></div>
<div class="list">
<a href="http://risky-xp.blogspot.com/p/tips-mengurangi-komputer-terjangkit.html">Tips
mengurangi pc terkene virus</a></div>
mengurangi pc terkene virus</a></div>
</div>
> Daftar isi menggunakan angka disampingnya
<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px
0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px
solid #ffffff;">
0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px
solid #ffffff;">
<div class="list">
1. <a href="http://risky-xp.blogspot.com/p/memperbaiki-kerusakan-pada-komputer.html">Cara
Memperbaiki komputer</a></div>
Memperbaiki komputer</a></div>
<div class="list">
2. <a href="http://risky-xp.blogspot.com/p/cara-memilih-laptop.html">Cara
memilih laptop</a></div>
memilih laptop</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
ganti tulisan berwarna Hijau dengan judul postingan anda. Jika anda ingin
menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode
</div>
Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jikaanda ingin menambah postingan baru lagi.
5. Kalau sudah klik Save Template.
Contoh hasilnya akan seperti ini
Selesai.
Selamat Mencoba
0 komentar:
Posting Komentar