>Cara Merubah Background Blog

>ksatriaalamayaIngin memberikan background pada blog namun Anda idak mahir menggunakan program pengolahan gambar seperti Photoshop ?? Jangan sedih karena pada situs squidfingers.com telah disediakan gambar – gambar yang cukup bagus yang bisa Anda download secara gratis.

PENTING : Sebelum melakukan langkah dibawah ini ada baiknya Anda membackUp template kesayangan Anda tersebut. Caranya bisa dilihat di sini.

Caranya Adalah :

1. Kunjungi situs www.squidfingers.com. atau Anda punya referensi alamat situs penyedia gambar andalan Anda, boleh – boleh saja. caranya sama saja !!

2. Pilih salah satu gambar yang Anda sukai kemudian klik Download.

3. Jika selesai men-download, Anda tinggal mengikuti langkah No 4, tetapi apabila dalam extensi ZIP, extrak dahulu dengan cara klik kanan file dan Extrak Here.

4. Biasanya file mempunyai format dot gif ( .gif ) / dot jpg ( .jpg ), Anda Upload file tersebut ke photobucket.com

  • >>> Cara Daftar photobucket.com
  • Daftar terlebih dahulu ke photobucket.com
  • Klik ‘Join Now!’ 

  • Dan isilah form dengan benar, hingga Anda pada posisi akun Anda.
  • Klik Upload Images & Video From dari komputer Anda dimana Gambar tadi berada.

5. Apabila langkah diatas telah sukses, Anda akan dibawa pada langkah Save dan Share. Klik ‘Get Link Code’ dan Copy Kode alamat pada ‘Direct Link’.

6. Sekarang masuklah ke halaman Dashboard > Tata Letak > Edit HTML dan cari kode body { dengan cara menekan keyboard (F3) atau ‘Ctr F’. karna setiap template berbeda codenya, cari saja kode yang mirip :

Contoh :

body {
margin : 0;
padding : 0;
font : x-small Verdana, Arial;
text-align : center;
color : #333333;
font-size : small;
font-size : small;
background : #444344 ;
}

7. Di belakang kode background sebelum titik koma ( ; ), tambahkan kode yang telah Anda kopy dari ‘Direct Link’ Photobucket.com.

http://i756.photobucket.com/albums/xx203/achmadtk07/banner.jpg

dengan menambahkan kode ‘url didepannya. Contoh Menjadi :

url(http://i756.photobucket.com/albums/xx203/achmadtk07/banner.jpg) ;

8. Sehingga kode lengkapnya adalah seperti di bawah ini :

body {
margin : 0;
padding : 0;
font : x-small Verdana, Arial;
text-align : center;
color : #333333;
font-size : small;
font-size : small;
background : #444344 url(http://i756.photobucket.com/albums/xx203/achmadtk07/banner.jpg) ;
}

9. Simpan template dan lihat hasilnya.

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s