Click the button below

New Entry

Tips & Trik
bee10 Teknik SEO
beeCara memasang keyword dan deskripsi pada blogspot
beePlanting way Backlinks
beePentingnya Alexa Rank pada blog
beeCatatan seorang bloger
beeTutorial Blogspot
beeHasil search engine tampil pada posting bag1
beeHasil search engine tampil pada posting bag2
Tampilkan postingan dengan label HTML Background. Tampilkan semua postingan
Tampilkan postingan dengan label HTML Background. Tampilkan semua postingan

Jumat, 17 Maret 2006

HTML Background Image

Untuk posting kali ini membahas tentang Code HTML Background Image kamu bisa pasang backgroud image pada postingan. tanpa banyak basa basi langsung ja kita lihat code dan previewnya

ini code & Preview buat bikin background dengan image berulang-ulang / repeat :

Code :

<div style="background-image: url(http://kamalfrz.files.wordpress.
com/2010/05/windows7_logo-300x300.jpg); height: 300px;">Tulisan kamu disini</div>

Preview :

Tulisan kamu disini

Code & Preview membuat background dengan image no repeat atau tanpa diulang karena di sana ada perintah no repeat.

Code :


<div style="background-image: url(http://kamalfrz.files.wordpress.
com/2010/05/windows7_logo-300x300.jpg); background-repeat: no-repeat; height:300px;">
Tulisan kamu disini.</div>

Preview :

Tulisan kamu disini.

Code & Preview membuat background dengan image no repeat di tambah perintah background-position jadi kita bisa mengatur posisi image. cara mengatur posisi image lihat code background-position: 50px, dan rubah angka 50 sesuai keinginan kamu.

Code :



<div style="background-image: url(http://kamalfrz.files.wordpress.
com/2010/05/windows7_logo-300x300.jpg); background-position: 50px; background-repeat: no-repeat; height: 300px;">
Tulisan kamu disini. </div>

Preview :

Tulisan kamu disini.

untuk merubah imagenya kamu tinggal rubah URLnya simpan (URL) di dalam kurung buka & kurung tutup, gampangkan oke sekian dulu tentang postingan Code HTML Background Image.
sampai disini dulu pembelajaran tentang Code HTML selamat belajar & sukses.


Tutorial Terkait

Code HTML Background

Untuk posting kali membahas tentang Code HTML Background / latar belakang, dimana kamu bisa memberi warna latar belakang pada colom seperti pada contoh dibawah ini :

Preview :


Tulisan kamu disini, tulisan kamu disini, tulisan kamu disini

kamu bisa mengganti "Tulisan kamu disini" sesuai keinginan kamu atau kamu bisa ganti warna latar belakang dengan cara mennganti Code #1001fe, untuk memilih warna kamu bisa pergi ke sini, bagaimana silahkan saja copy code di bawah ini untuk memberi warna background :

Code :



<div style="background-color: #1001fe; width: 300px;">
<span class="Apple-style-span" style="color: white;">Tulisan kamu disini, tulisan kamu disini, tulisan kamu disini</span></div> <a href="http://tio-tutorblog.blogspot.com/">Tutorial HTML</a>

sampai disini dulu untuk belajar Code HTML, sampai jumpa dipostingan berikutnya...


Tutorial Terkait

Twitter Delicious Facebook Digg Stumbleupon Favorites More