• Web
  • ami jr blog
  • 22 Juli 2010

    Cara mengganti background blog

    hai sobat sekalian, apa kabarnya nih ? Saya harap semua dalam keadaan sehat walfiat. Langsung pada pokok pembahasan aja ya. Tutor kali ini tentang cara mengganti background blog. Contoh seperti background pada blog saya ini, dahulu warna bg (background) nya putih, sesuai dengan bawaan template minima. Setelah melewati proses pengeditan, akhirnya warna bg blog saya menjadi warna hitam.
    blogger-emoticon.blogspot.com pengen tau proses pengeditannya ? let's cekidot...

    • Sign in di blogger.com
    • Pilih tab rancangan
    • Edit html
    • Back up template sobat di link DOWNLOAD TEMPLATE LENGKAP untuk mencegah bila terjadi kesalahan
    • Cari kode seperti di bawah ini pada kotak edit template
    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

    ket: kode berwarna merah di atas merupakan kode variabel (default) warna bg template minima yaitu berwarna putih.
    • Misalnya kita ingin mengganti warna bg blog menjadi hitam, anda dapat merubah kode yang berwarna merah di atas dengan kode BLACK atau #000000. Contoh :
    body {
    background: black;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
    atau juga

    body {
    background: #000000;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

    itu merupakan contoh mengganti warna bg blog sobat. Bagaimana bila diganti dengan image atau gambar ? Bisa juga gan,
    misalnya contoh gambar di bawah ini yang AMI simpan di image hosting gratis photobucket :

    bg
    sobat hanya perlu menambahkan kode seperti contoh berikut ini:
    body {
    background:#000000 url(http://i764.photobucket.com/albums/xx283/amimizunox/thamibgmodif-1.png);
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

    ket: Kode yang berwarna hijau di atas merupakan kode alamat url image/gambar yang AMI simpan di photobucket.com
    • Preview bg blog anda pada tombol PRATINJAU untuk meninjau hasil editan anda.
    • Lanjutkan dengan tombol SIMPAN TEMPLATE bila proses pengeditan template telah selesai

    NB: Jadi bila kita ingin mengganti bg blog dengan image/gambar, setidaknya kita harus mempunyai tempat untuk menyimpan image/gambar kita di dunia maya, seperti photobucket.com (hosting image gratis)
    Tentang hosting image gratis tersebut, silahkan sobat baca di sini.

    Untuk melihat contoh bg image di atas silahkan KLIK DI SINI

    Sekian dan semoga bermanfaat.

    Posting terkait:




    5 Komentator:

    ANDI WONG mengatakan...

    itu betul gan..salah satu cara mudahnya mmng sprti itu.. :)

    Ami Junior mengatakan...

    @ANDI WONG: terima kasih gan atas pendapatnya

    Muhammad Chandra mengatakan...

    mantab

    Batch file programming | Keajaiban Om Google |Tips dan Trick Komputer | Free Software

    Kedai Obat mengatakan...

    Wah! Baru tahu nih.. Bookmark dulu ah! Makasih Kang..

    admin mengatakan...

    @ kedai Obat: Silahkan bang, jangan sungkan


    Kotak berkomentar

    kotak komentar di bawah ini ditujukan bagi sobat yang ingin berkomentar tentang isi seputar AMI JR BLOG. Silahkan sobat berkomentar... terima kasih

    :)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

     

    From Blogger to Blogger

    Link Banner Code

    AMI JR BLOG

    Suara Petualang

    The followers

    Blog Statistic