Tidak perlu berbasa-basi, untuk contoh lihat di sebelah kanan blog saya "". Untuk membuatnya sangatlah mudah (asalkan otaknya nyampe), ikuti langkah ini :
1. Login ke Blog anda > Layout (tata letak) > Page Elements (laman elemen) Add a Gadget (tambah gadget) > HTML/JavaSript
2. Copy-paste kode berikut ini di kotak konten
<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEACSu4j82eIZqVS0IUeSo1EXL3kXcZU_cTNYQ2WbBCCaq8T3Hew9BBcWdeYnn5brwY-MN1fxI-eDyHesADDhUJTQ8s0RzUHvd6Wp64tKHgyslvO1WL9A8HEuImJ1VjMnAgtoL637AMNsu/") 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:280px; height:200px; background- border:1px solid #ffffff;">
</div>
Keterangan : kode yang berkedip adalah kode postingan anda, tambahkan kode itu sesuai dengan banyaknya postingan anda dan kode berwarna merah ganti dengan milik anda d
1. Login ke Blog anda > Layout (tata letak) > Page Elements (laman elemen) Add a Gadget (tambah gadget) > HTML/JavaSript
2. Copy-paste kode berikut ini di kotak konten
<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEACSu4j82eIZqVS0IUeSo1EXL3kXcZU_cTNYQ2WbBCCaq8T3Hew9BBcWdeYnn5brwY-MN1fxI-eDyHesADDhUJTQ8s0RzUHvd6Wp64tKHgyslvO1WL9A8HEuImJ1VjMnAgtoL637AMNsu/") 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:280px; height:200px; background- border:1px solid #ffffff;">
</div>
Keterangan : kode yang berkedip adalah kode postingan anda, tambahkan kode itu sesuai dengan banyaknya postingan anda dan kode berwarna merah ganti dengan milik anda d
Tidak ada komentar:
Posting Komentar