Sunday, October 9, 2011

Membuat Background Gambar Blog Statis/Diam Walau di Scrool

/ Sunday, October 9, 2011 /

Membuat Background gambar blog Statis/diam walau di scrool - Background blog dengan menggunakan image atau gambar selain membuat blog lebih indah, juga membuat blog lebih berat. Sebenarnya menggunakan gambar sebagai  background kurang bijak,apalagi gambar yang digunakan di host di tempat lain. dan size dari gambar yang terlalu gede. tetapi jika tapi jika ini sudah menjadi pilihan anda, anda tinggal mengedit template anda.

Caran Membuat Background Blog Statis/diam:
Masuk ke tata letak atau rancangan, dan pilih Edit html.
Tambahkan kode berikut ini di template anda:

background-attachment: fixed;

Letakkan kode tersebut pada css body. sebagai contoh, perhatikan kode berikut:

body{width:100%;background:#042949 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_HWrANeMsLEOj45kkuB96npVktXktMKBGgMQSXQCnu3ujKdadYCoVPVOoU0Er3r6VCwCW5Qvd9pH-AnLCu8wOtg_i6vZISYi3w5sUPQanFaA0ZsMfdOQq3x43NgsXHoubk779Y6-PGNWs/s1600/gradient.php...jpg) repeat-x top;color:#000;font-size:12px;font-family:Arial,Tahoma,Verdana; margin:0 auto 0; padding:10px 0;background-attachment:fixed;}

Klik pratinjau, dan scrool kebawah pada blog anda, dan lihat hasilnya.
Keterangan kode:
  • warna hijau adalah url dari gambar yang akan di jadikan background blog
  • warna orange adalah kode warna background
  • warna biru adalah pengaturan posisi background. Repeat-x top berarti background di ulang horisontal dan posisinya di atas.
  • Warna merah adalah sifat dari background. fixed artinya tetap

0 comments:

Post a Comment

 
Copyright © 2010 Note Life Blogger, All rights reserved
[Close]