- Login ke Blog
- Klik Tab Tata Letak
- Klik Tambah Gadget
- Klik pilihan menu HTML/JavaScript
- Copy paste script di bawah ini ke dalam kolom konten tersebut
<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;">
<div class="list">
1. <a href="http://Url Blog anda">isi judul</a></div>
</div>
.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;">
<div class="list">
1. <a href="http://Url Blog anda">isi judul</a></div>
</div>
Ganti tulisan yang berwarna merah,dengan alamat url anda dan isi judul.
Jika anda ingin menambah postingan baru,maka letakkan di atas kode </div> begitu seterusnya.
Anda juga bisa menggunakan icon gambar sebagai pengganti angka,jika anda ingin menggunakan icon maka ganti kode
<style>
.list {
border-bottom:1px dotted #ddd;line-height:1.2em;
padding:3px;
}
</style>
.list {
border-bottom:1px dotted #ddd;line-height:1.2em;
padding:3px;
}
</style>
Dengan Kode
<style>
.list {
background: url("http://2.bp.blogspot.com/-vBJK0QnhUOw/TYnvmVFlJ6I/AAAAAAAAAJk/hrCL--2EH4c/s1600/iconbullet.gif") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
Ganti tulisan yang berwarna merah dengan alamat url icon gambar anda.list {
background: url("http://2.bp.blogspot.com/-vBJK0QnhUOw/TYnvmVFlJ6I/AAAAAAAAAJk/hrCL--2EH4c/s1600/iconbullet.gif") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
- Jika sudah,klik save
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 di ganti sesuai dengan keinginan anda.
klo saya Copy dari web lain pasti saya selalu menyertakan sumber,atau meminta izin copas,sebaliknya jika hasil ketik tangan sendiri,saya tidak akan menyertakan Sumber.
Post a Comment