Beranda » BLOG » Cara Merubah Background Blog

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.

Artikel terkait :

0 komentar "Cara Merubah Background Blog", Baca atau Masukkan Komentar

Posting Komentar