22 February, 2009

Tips Mudah Mengganti Image Background (I)

Today Tutorial blog and blogger hack. Malam ini saya akan memebrikan sedikit  tips tentang  blogger hack untuk anda, seperti kita tahu bahwa kebanyakan blogger merasa tidak puas pada design templatenya dan cenderung untu bergonta-ganti. Salah satu fokus penting dalam template yang sering diperhatikan adalah background dan header banner. .Tetapi sekarang kita akan memulai blogger hack untuk mengganti background secara mudah.. Mari kita lanjut:

  • Cari dan pilih image yang akan kamu jadikan background, bisa di google atau klik aja here
  • Untuk percobaan ini saya menggunakan image dari hasil browsing saya sepereti ini (jangan lupa di hosting di image hosting eg:  Photobucket, or  flicker)

 th_0d1602259c9c171671ae58387

  • Untuk mengubah backgriund maka  masuk ke Layout dan Pilih Edit HTML. sekarang cari kode di bawah ini 
    body {
    background: $bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Arial sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

     

    • Ok, sekarang fokuskan pada code yang dicetak tebal dan kita akan memasukkan kode tambahan seperti di bawah ini ( liat kode warna hijau):
    body {
    background:url(http://www.imagehost.com/yourimage.jpg);
    margin:0;
    color:$textcolor;
    font:x-small Arial sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

     

    • Dimana kamu bisa mengganti kode yang warna hijau dengan image kamu sendiri. Simopan dan selesai
    • Silahkan liat hasilnya di bawah ini dimana image yg tadinya hanya satu menjadi image yang berulang dan membentuk wallpaper

    te

     

    Anda bisa mencobanya dan berkreasi sendiri, ini mudah dilakuakn asal anda mau berusaha. Yups sekian dulu Blogger hack hari ini , ikita ketemu lagi di lanjutan dari  blogger  hack. makasih

3 comments:

ALFmalik said...

salam,
saya menggunakan image untuk header yang saya upload dari komputer atau dari sebuah URL. Bagaimana caranya jika say ingin mengganti image header tersebut dengan image yang ada kode htmlnya?
Terima kasih sebelumnya

Satanic Immortal said...

Pagi...
Boz mau nanya.
Kalau membuat background untuk blogger tapi untuk bagian bawah ato atas saja gimana ya?
Maksudku background gambarnya hanya terlihat dibagian bawahnya saja..
Misalnya seperti di
Www.dimmu-borgir.com

Sebelum dan sesudahnya Terima Kasih..

edi kurniawan said...

ass...
mang gimana saya tu nyoba tips mudah mengganti image background...kan disana harus nyari kode tp d edit html nya kaga ada.....

gmn dong mang?

Post a Comment