Membuat Background/Fungsi Scroll Suatu Tulisan

Hallo sobat blogger.....!!!!

TIPS untuk Blogger kembali memberikan sebuah tips untuk membuat background sebuah tulisan.Setelah sebelumnya saya pernah memberukan tips High-Light pada Postingan, dimana kedua tips ini hampir sama. Namun pada tips kali ini saya akan memberikan background sebuah tulisan yang bisa diserai dengan fungsi scroll. Nah jika sobat blogger penasaran langsung saja kita check it out..!

Seperti biasa anda sudah harus berada pada account blogger anda sendiri. Jika sobat blogger sudah berada pada dasbor blog sobat, silahkan pilih icon New Post untuk membuat postingan baru.

Nah jika sobat blogger ingin menampilakan sebuah tulisanmempunyai background

cantik silahkan kopi kode berikut ini, dan letakkan ke postingan anda dalam keadaan HTML bukan Compose. Perhatikan gambar di bawah ini.

Perhatikan tanda lingkaran hitam di atas (HTML)

Berikut kode untuk Background tampa Fungsi Scroll

<div style="background-color: #ddf2fc; border-radius: 7px; border: 1px solid rgb(204, 204, 204); height: auto; margin: 5px 10px; overflow: auto; padding: 10px; text-align: left; width: auto;">

TULISAN ANDA DI SINI

</div>

Perhatikan kode di atas, untuk kode yang berwarna merah, silahkan ganti dengan kode warna backgroun yang anda suk. Warna hijau, itu merupakan ukuran tinggi dan panjang (berurutan), silahkan ganti dengan ukuran yang anda suka (menggunakan px).Dan tulisan berwarna biru, silahkan anda ganti dengan tulisan yang akan anda buat backgroundnya. (Hasilnya seperti backgroun kode di atas)

Berikut kode untuk Background dengan Fungsi scroll

<div style=" background-color: #ddf2fc; border-radius: 7px; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 7px 0px; overflow: auto; padding: 10px; text-align: left; width: auto;">

TULISAN ANDA DI SINI

</div>

Sama halnya seperti kode sebelumnya. Untuk kode-kode yang berwarna sama prinsipnya dengan kode sebelumnya. Tetapi untuk height dari tulisan ini harus anda ubah dalam bentuk angka, supaya fungsi scrollnya muncul.

Oke, sekian tips yang dapat saya berikan kali ini. Semoga tips ini bermanfaat dan semoga berhasil sobat blogger. (Jkt/2012)