Minggu, 04 Juli 2010

Cara Mengganti Background Blog

Hai bloger mania kali ini saya akan berbagi tips untuk mengganti background blog kita. Background adalah latar dari tampilan blog kita. Ada dua cara mengganti background yaitu dengan cara menggantinya dengan warna saja dan menggantinya dengan gambar. Hanya untuk sekedar saran, jika anda mengganti blog anda dengan warna, haruslah warna yang anda pilih tidak membuat tulisan yang ada diblog kita sulit untuk dibaca. Contohnya jika tulisan kita berwarna gelap maka background kita harus berwarnah terang, dan sebaliknya jika tulisan kita berwarnah terang maka background kita harus berwarnah terang.
Tapi sebelumnya saya minta maaf kalau artikel saya tidak sesuai dengan keinginan anda. Ini dikarenakan setiap template mempunyai kode yang bervariasi.
Ok,, langsung saja ke cara menggati background.....

Cara Mengganti Background Dengan Warna
  • Masuk atau login ke account blogger Anda
  • Pilih menu Tata Letak lalu klik Edit HTML
  • cari kode yang mirip seperti dibawah ini....
  • Sebelumnya dowload dulu template anda, klik "Download Template Lengkap" untuk menghindari hal - hal yang tidak di inginkan....hehe..

body {
background: url(http:you_link_image.jpg) repeat-x;
margin:0; color:#000000; font:12px trebuchet ms;
text-align: justify}

Catatan : Untuk mempermudah pencarian kode tersebut Anda bisa mencarinya dengan menekan 'tombol Ctrl + F' dan tuliskan body { "
  • Ganti huruf merah dengan kode warna html bisah anda lihat disini.
contohnya seperti ini :

body {
background: #FFFFFF repeat-x;
margin:0; color:#000000; font:12px trebuchet ms;
text-align: justify}

  • Setelah itu simpan template dan lihat hasilnya...

Cara Mengganti Background Dengan Image atau Gambar

Caranya seperti yang di atas. Untuk tulisan warna merah pada kode di bawah diganti dengan alamat url image / gambar yang akan anda jadikan background.

body {
background: url("
http:you_link_image.jpg") repeat-x;
margin:0; color:#000000; font:12px trebuchet ms;
text-align: justify}

Ada dua cara mendapatkan alamat url. Pertama dengan cara mencarinya lewat om google atau klik disini. Yang kedua dengan cara mengupload foto anda. Untuk mengupload foto anda bisa anda upload di "imageshack" atau klik disini.

  • Cara 1 (cari gambar atau foto lewat om google / gambar yang sudah ada di internet)
Untuk mencari gambar lewat om google cukup mudah tinggal pilih saja gambar yang mau anda jadikan background trus klik kanan dan pilih "Copy Image Location" dan ganti tulisan warna merah diatas. Caranya blok / tandai dulu tulisan warnah merah dan klik kanan lalu pilih "Paste" dan Simpan Template lalau lihat hasilnya..

Gambar.01



Gambar.02

kalau anda masih ragu, langsung saja anda ke blog anda dan klik kanan pada background pilih "Viev Background Image"

Gambar.03


Gambar.04

Setelah itu copy alamat url - nya. Lihat gambar diatas,,
paste di kolom find pada firefox anda,, lihat gambar dibawah,,,

Gambar.05


Nah kalau hasilnya sama seperti gambar di atas, anda tinggal ganti / timpah dengan alamat url gambar yang akan ada jadikan background... lihat gambar.02

itulah cara mengganti background dengan gambar yang kita cari lewat om google... Dan untuk cara mengganti gambar dengan foto kita atau gambar yang akan kita upload, caranya sama dengan yang diatas. Tetapi disini kita harus memasukan gambar kita terlebih dahulu ke internet.... Caranya seperti dibawah ini.

  • Cara 2 (Upload Gambar / Foto)
Untuk mengganti background dengan foto yang kita inginkan atau foto kita, sebaiknya kita upload dulu foto/gambar untuk mendapatkan alamat url dari gambar tersebut...

Untuk mengupload foto/gambar, sebenarnya bayang sekali tempat - tempat untuk mengupload gambar kedalam internet. Salah satunya adalah "imageshack".

Caranya....
  • Langsu saja ke - imageshack atau klik disini
  • Lalu registrasi dulu..
  • Setelah itu login dengan email dan pasword yang anda daftarkan tadi
  • Pada "Media Upload" klik "browse" untuk mencari gambar yang akan anda masukan ke internet.
  • Kalau sudah dapat klik "Upload Now"

gambar.06

  • Lalu pilih "View Full Size"

gambar.07

  • Nah setelah itu tinggal copy alamat url gambar yang anda upload dan tempelkan / paste pada template blog anda..

gambar.08

Catatan : cara untuk menggantinya sepertin di atas. bisa anda lihat langkah - langkah pada gambar.04. Yang paling penting anda sudah mendapatkan alamat url foto / gambar yang ingin anda jadikan background..

semoga berhasil.....!!!!

good luck...!!!!!

Daftar Kode Warna HTML

Untuk mengedit template blog, tentunya kita akan selalu berhubungan dengan yang namanya kode warna HTML. Tidak seperti kode warna biasa, kode warna HTML ini menggunakan angka bukan huruf. Contoh untuk kode warna putih adalah #FFFFFF, untuk warna hitam #000000, dan masih banyak lagi kode untuk warna yang lain. Dibawah ada sebuah kodak yang berisi dengan berbagai macam warna dan bila di ketik akan muncul warana dengan kodenya sekalian

Selahkan anda pilih warna yang anda sukai dan lihatlah kodenya pada kolim "Hex"






Jika Anda Tertarik Copy Paste Embed Kodenya Di Bawah Ini....


<embed height="330" src="http://kikiefendi.fileave.com/Generator-warna-By-www.kikiyo.co.cc.swf" width="350"></embed>



Semoga Bermanfaat.....

good luck...!!!!!