Selasa, 27 September 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.caranya bisa anda lihat disini. bagi yang sudah memakai fungsi ini ikuti saja langkah-langkah di bawah ini.
  • 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

Tidak ada komentar:

Posting Komentar