Mengganti Background Template klasik Dengan Image

Bisa juga Gambar Sobat Blogger

Hal yang pertama tentu saja sobat harus mempunyai file image. Image ini bisa berbentuk image biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, gambar biasanya berukuran besar 1024x768 seukuran layar computer atau terserah sobat. Upload ke situs seperti photobucket atau yahoo-geocities. Regristrasi dulu buat yang bikin baru. Setelah itu ambil kode link di situs tersebut

alamat gambarnya adalah seperti contoh

http://i573.photobucket.com/albums/ss172/dhaniels.jpg

dan di bawah ini kode yang bisa di pasang link gambar yang kita upload dari situs. kode yang berwarna untuk tempat link gambar kita

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #ffffff;
background: #FFFFFF url(http://i573.photobucket.com/albums/ss172/dhaniels.jpg) top center repeat-y;
font-size: small;
}
img {
border: 0;
display: block;
}
.clear {
clear: both;
}
/* Wrapper */
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 800px;
text-align: left;
background: #000000 url(http://i573.photobucket.com/albums/ss172/dhaniels.jpg) top right repeat-y;
font: normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif;
}
/* Header */
#header-wrapper {
background: #8b2 url(http://i573.photobucket.com/albums/ss172/dhaniels.jpg) bottom left repeat-x;
margin: 0 auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
border: 0;
}
#header h1 {
text-align: left;
font-size: 200%;
color: #ffffee;
margin: 0;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
background-image: url(http://www.blogblog.com/moto_son/topper.gif);
background-repeat: repeat-x;
background-position: top left;
}
h1 a, h1 a:link, h1 a:visited {
color: #ffffee;
}

Dari kode di atas, coba lakukan exsperimen terlebih dahulu, di bagian mana gambar kita cocok untuk di pasang, karna dari setiap bagian mempunyai tempat dan lebar masing-masing, pratinjau sebelum disimpan. Di lain waktu sobat sudah bosan bisa diganti kemudian hari,… asikkan

Follow @pengen_lihatgak

----------------------------------------------------------------------------------------------------

Artikel Terkait