Cara Mengganti Background Blog Dengan Gambar Sendiri

Taraaaaa....... Tampilan blogku berubah nih sekarang. Cantik ga sih, bagus ga sih? Kalo menurutku sih bagus,hehehehe. Ya lumayanlah sedikit banyak enak dipandang mata. Berhubung aku baru aja mendapat ilmu baru (dan bagi beberapa orang pasti itu ilmu lama), aku mau berbagi trik gimana caranya merubah tampilan background sesuai dengan gambar yang kita inginkan, tapi ini khusus penggguna blogspot.com lho.

Terus gimana dong caranya? Jadi gini temen-temen :

1. Beberapa blog lain yang memberikan trik ini menyarankan kita untuk upload foto yang kita inginkan ke situs hosting file seperti photobucket.com atau tinypic untuk mendapatkan alamat URL gambar yang kita inginkan, tapi disini aku ga menyarankan untuk melakukan hal itu, kenapa? karena ribet guys, pertama kalian harus punya account di situs tersebut so kalian harus daftar, belum lagi proses upload foto kalian. Hadoooh lambreta... Jadi gimana supaya gampang? Dan trik yang ini aku dapat berdasarkan coba-coba bukan dari blog orang lain lho. Balik lagi ke topik tadi, URL yang kita butuhkan adalah URL gambar, ciri dari URL gambar adalah URL yang belakangnya terdapat format gambar (Hm...susah jelasinnya). Contohnya : http://www.shabbyblogs.com/storage/old/ShabbyBloomsHeader.png atau http://blog.sunan-ampel.ac.id/bahauddin/wp-content/themes/bp-social/_inc/images/header.jpg, Kata yang berwarna merah adalah beberapa jenis format foto atau gambar. URL-URL itulah yang kita butuhkan. Trus nyarinya dimana? cari aja di google, cari gambar yang diinginkan kemudian
   klik gambar tersebut, atau kamu bisa masuk ke blog orang dan kllik gambar di blog tersebut atau klik kana view image. Inget ya URL yang belakangnya format foto atau gambar itulah URL yang kita butuhkan. Gimana kalo kita mau foto kita sendiri? kamu bisa upload dulu di facebook dan seperti yang tadi dijelaskan, view image tersebut dan itulah URL yang kita butuhkan.
2. Setelah kamu dapet alamat URL nya kamu bisa masuk ke account blog kamu kemudian Pilih dasboard -> Template -> Edit Html. Sebelum kamu mengubah html blog kamu ada baiknya kamu copy dulu. Siapa tau hasil editan kamu ternyata ga berhasil.
3. cari kode berikut:

   body { 

   font: $(body.font);

   color: $(body.text.color);

   background: $(body.background); 

   Agar mempermudah pencarian kamu tinggal tekan ctrl + f pada keyboard kemudian kamu ketik body {

4. Masukkan kode berikut di bawahnya:
   
   background: #642D8B url('url gambar anda' ) fixed repeat top left

Hasilnya akan seperti ini :

body { 

font: $(body.font);

color: $(body.text.color);

background: $(body.background); 

background: #642D8B url('url gambar anda' ) fixed repeat top left;

Setelah itu simpan template & Tutup

Dan liat blog kamu setelah itu, adakah yang berubah? atau hasil uji cobanya gagal? Mudah-mudahan berhasilnya. Good luck.....