Mengganti Background Blog Dengan Pattern

Diposkan oleh Unknown on Sunday, June 21, 2009

Mengganti Background Blog Dengan Pattern -

uhuk="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwosc-9KpSpd7eOVDvXHh1L-_UiCqX_ulpNBqopAH-Gz4fsujknM2a9c-f5Gy_-VDYz_JBdPvTTuxWsG4O7UIsZ1UmBYhUWmkGm70ObRxx3QSwGyfWaFqyc7yfXenIwNhwGCFnKQh3px2R/s1600-h/pattern.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="new">   uhuk="http://viruspintar.blogspot.com/">Blog ini lah sebagai uhuk="http://viruspintar.blogspot.com/">contohnya... bagi yang sudah pernah berkunjung ke uhuk="http://viruspintar.blogspot.com/">blog ini sebelumnya pasti tau perbedaannya...
Yup... backgroundnya berubah dari warna gelap menjadi gambar bercorak...

Ini berawal karena uhuk="http://viruspintar.blogspot.com/">aku bosen ngeliat background yang gitu gitu aja.. terus uhuk="http://viruspintar.blogspot.com/">aku putusin untuk sedikit mengutak atiknya... bermodal gambar gambar/ pattern yang mbah google berikan, langsung dech...
jhahaha....

nah, buat kalian yang juga tertarik untuk mengganti atau sekedar ingin tau aja, berikut adalah cara caranya :
  1. Setelah loggin, langsung menuju ke Layout -? Edit HTML
  2. Lalu cari kode css berwarna merah berikut :

    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
  3. Lalu ganti dengan

    background: #000000;
    kode #000000 untuk warna hitam. Nah kalau ingin warna yang lain, kalian bisa lihat uhuk="http://www.colorschemer.com/online.html" target="new">disini.
  4. Nah, kalau kalian ingin memasang gambar bisa juga. Tinggal kalian tambahkan

    background: #000000 url(url gambar kalian);
    contoh untuk gambar berikut :


    background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVCj9_oHrDLsbBpvGbI-6Sq9U33z4giLsTR2AYN53IWKQr-L9DRY3Uw9-69f6LntbXU45RKpb4e0qHast3ggr_ZigSdEf_kJQifKmMoux5PYt3iOJyNt72mkSmnpuICTeE94IREeIeXQ8t/s400/pattern.png);
  5. Untuk mengatur gambarnya, kalian bisa menambahi kode :

    • no-repeat : berarti gambar gak akan diulang, atau kalian bisa ganti dengan
    • repeat : Mengulang-ulang gambar
    • repeat-x : mengulang secara horizontal
    • repeat-y : Mengulang secara vertikal
    Sehingga akan seperti :

    background:#FFFFFF url(URL_GAMBAR) repeat top left;
    top left sendiri adalah posisi background bisa anda ganti misalnya bottom right dan sebagainya.
sedikit tambahan saja, jika kalian mau mencari koleksi background, kalian bisa mencarinya disini:
  • uhuk="http://www.patterncooler.com/" target="_blank">http://www.patterncooler.com/


uhuk="http://viruspintar.blogspot.com/">

Posts related to Mengganti Background Blog Dengan Pattern:

0 komentar | add komentar

Post a Comment

Note: Only a member of this blog may post a comment.