Cara Mengganti Background Blog Dengan Gambar (bag.II)

Halaman Depan Blog
Salam jumpa rekan blogger, Kali ini saya akan mengupas sedikit trik mengganti backround blog dengan gambar menggunakan kode yang tinggal kita pasang dengan cara mudah seperti memasang widget dan sebagainya. Ok, langsung praktek om brow...

Untuk amannya, simpan dulu deh template blog andan. Supaya kalau terjadi sesuatu dan lain hal yang membuat tempilan blog anda jadi rusak, anda tinggal mengupload template yang telah di simpan tadi.

Atau, sebaiknya buat sebuah blog baru seperti biasa. Isi dengan beberapa posting alakadarnya serta beberapa widget dan pemanis blog. Setelah siap, kita praktek

Sebagai langkah awal, silahkan anda copy kode di bawah ini : 



Selanjutnya, klik design di navbar. Lalu pilih layout kemudian klik Add a Gadget. Klik HTML/JavaScript. Pada kolok title isikan, misalnya Background 1. Selanjutnya, pastekan kode yg anda kopi tadi ke kolom content kemudian klik save. Tradaaaaa... sekarang blog anda sudah punya background baru.

Keterangan :

https://m.ak.fbcdn.net/sphotos-d.ak/hphotos-akash4/q72/s720x720/1441374_456857921093435_625715662_n.jpg

Adalah url gambar, silahkan ganti degan url gambar anda.

background-attachment: fixed; (fixed bisa anda ganti dengan scroll)
background-position: center; (center bisa anda ganti dengan left, rigt, top, bottom, left-top dan sebagainya)
background-repeat: no-repeat; (no-repeat bisa anda ganti dengan repeat)

coba saja mengutak atik kode kode yang saya jelaskan di atas dengan cara mengklik langsung gambar atau simbol tang dan palu di bawah judul bacground 1, misalnya, ubah posisi gambar dari center menjadi left, klik save lalu perhatikan perubahan posisi background, sesuai selera ajah brow. Tapi kudu ingat, kenyamanan pengunjung blog harus kita utamakan, jangan sembarang pasang gambar yang malah bikin kita kesulitan membaca posting blog.

Ok sekian dulu sobat blogger, besok kita sambung lagi...


1 comment:

AddThis