Mempercantik background fungsi scrolling - Kusnadi Komputer
Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?
  • Tujuan dari Yayasan Sasmita Jaya adalah mewujudkan suatu sarana pendidikan yang murah dan terjangkau oleh seluruh lapisan masyarakat tanpa melupakan kualitas dari pendidikan itu sendiri
  • SMK yang memiliki kesetaraan dalam Ilmu dan Teknologi, Mampu bekerja, Ber-akhlak mulia, dan selalu Ikhlas dalam Pengabdian.
  • Layanan Hosting serta desain website, sehingga akan menjadi sebuah solusi lengkap untuk kebutuhan website bisnis anda.
  • Sajikan saat hangat dengan secangkir teh, saya percaya, Anda akan mendapat pujian dari keluarga tercinta. Selamat Mencoba.
  •  Wujudkan impian anda untuk segera HAMIL.
  •  Hanya dengan satu akses untuk pencarian dari 47.732.098 pekerjaan yang dipublikasikan oleh 70.845 situs di dunia

Sabtu, 21 Mei 2011

Mempercantik background fungsi scrolling


Sebelumnya saya posting tentang bagaimana membuat Related post fungsi scrolling. Nah sekarang bagaimana pula halnya mempercantik background fungsi scrolling. Pasti menarikkan.... sebenarnya ini article menjawab pertanyaan salah satu teman kita yang bertanya melalui email. sebelumnya saya ucapkan terimakasi. karna sudah berkunjung di web ini. Untuk membuat bacground ini saya sarankan anda membuat Related post fungsi scrolling terlebihdahulu. 

  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Cari kode
    /* Related post J_Putra
    ----------------------------------- */
    .rbbox{border: 1px solid #D8D8D8;
    padding: 5px;
    background-color: #E0F8E0;
    -moz-border-radius:5px;
    margin:5px;}
    .rbbox:hover{background-color: #EFFBEF;}
  • Kemudian ganti background dengan kode background:#E0F8E0 url(http://i33.tinypic.com/o91t2b.jpg) no-repeat right bottom;
  • Maka akan jadi begini
    /* Related post J_Putra
    ----------------------------------- */
    .rbbox{border: 1px solid #D8D8D8;
    padding: 5px;
    background:#E0F8E0 url(http://i33.tinypic.com/o91t2b.jpg) no-repeat right bottom;
    -moz-border-radius:5px;
    margin:5px;}
    .rbbox:hover{background-color: #EFFBEF;}
  • Kemudian simpan tamplate anda dan lihat hasilnya
  • Ganti gambarnya dengan url gambar kamu. gambar di atas sudah rusak
Selamat mencoba.......

Tidak ada komentar:

Posting Komentar