Berikut ini saya akan berbagi tips bagaimana cara membuat fungsi scroll pada postingan blog. Cara ini banyak mamfaatnya buat bloger, selain memperindah postingan, fungsi scroll ini juga dapat meminimalisir penggunaan tempat yang harus di gunakan.
Ada dua kode HTML yang bisa kalian gunakan, pilih saja salah satu!
Kode Pertama
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; background: blue #000000 no-repeat scroll 0 0 ; background-position: center ;border: 3px solid black; height: 200px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">
Tempatkan tulisan anda disini!
</div>
Kode Kedua
<div style="-moz-border-radius: 5px 5px 5px 5px; background-color: #000000; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">Keterangan:
Tempatkan tulisan anda disini!
</div>
- Untuk tulisan #000000, silahkan anda ganti dengan bacground yang anda punya.
- Tulisan center adalah posisi gambar background anda.
- Untuk tulisan 200px adalah ukuran panjangnya.
- Left merupakan perataan tulsan anda
Selain pada postingan, anda juga dapat menggunakan fungsi scroll ini pada sidebar blog anda.
Tidak ada komentar:
Posting Komentar