TIPUAN LEWAT EMAIL - kenali modus operandi-nya....klik di sini
Exclusive untuk Warga Kristiani - blog tips baru....klik di sini

BACKGROUND UNTUK HEADER

Sobat, blog yang tampil cantik lebih menarik, ya kan. Salah satu trik tampil cantik adalah memberi background pada header.
Ini contoh dan caranya:
1. Masuk di edit HTML
2. Temukan kode di bawah ini

/* Header
-----------------------------------------------
*/
#header-wrapper {
width:660px;

margin:0 auto 10px;
border:1px solid $bordercolor;
}
3. Masukkan kode di bawah ini

background:url(http://i804.photobucket.com/albums/yy328/aminwahyudi/GLASS99-650.jpg);

4. Sekarang kodenya harus seperti di bawah ini

/* Header
-----------------------------------------------
*/
#header-wrapper {
width:660px;
background:url(http://i804.photobucket.com/albums/yy328/aminwahyudi/GLASS99-650.jpg);
margin:0 auto 10px;
border:1px solid $bordercolor;
}
5. Save

Lihat bagaimana hasilnya. Cobalah untuk background yang lain.

http://i804.photobucket.com/albums/yy328/aminwahyudi/PAPAYA99-650-1.jpg
http://i804.photobucket.com/albums/yy328/aminwahyudi/APPLE99-650-2.jpg
http://i804.photobucket.com/albums/yy328/aminwahyudi/APPLE99-650.jpg
http://i804.photobucket.com/albums/yy328/aminwahyudi/GARISAPI99-650.jpg
http://i804.photobucket.com/albums/yy328/aminwahyudi/RAINBOW99-650.jpg
http://i804.photobucket.com/albums/yy328/aminwahyudi/ABSTRACT99-650.jpg
http://i804.photobucket.com/albums/yy328/aminwahyudi/BALOONS.jpg

Udah dulu aku capek dan ngantuk.

Tidak ada komentar: