Membuat border animasi dengan sedikit css sekarang kita akan membuat border animasi yang berada di bawah tulisan - tulisan kita seperti apa dari pada anda penasaran mari langsung saja kita praktekan :
- Log in di blog anda
- Klik Rancangan
- Klik Tambah gadget
- Klik HTML/Javascript
- lalu masukan kode di bawah ini di kolom bagian bawah html/javascript
<div style="overflow: auto; width: 400px; height: 100px;background-color: #ffecff; background-attachment: scroll;background-repeat: no-repeat;background-size:100%;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipOGC3lA2LT7RvEmMZ3_mWDZkOsTB8gfvh7XQ78J8biSJ32PvpruCW8QltEhZTwLS8ImqJ2yNgcHWOcIi6BVr0sfCeU54ScEsrzkyIvrnnKxfOtkJ1S0enx6Aw0Io_TbtZn0_882lUjHg/s1600/barlight.gif);background-position: bottom;text-align: justify; padding: 5px; border: 2px solid #0000b9;">
<span style="font-size:10px;color:#800080;font-family:Sans-serif;">
Tulisan anda simpan disini
</span>
</div>
Perhatian :
Kode berwarna Merah Sesuaikan Dengan lebar sidebar
Kode berwarna biru ganti dengan URL gambar anda jika gak ada bisa itu saja
Tulisan Berwarna Ungu silahkan ganti dengan kata2 anda.
