1/20/2013

Cara Mengganti Background Blog

Background Blog adalah sebuah gambar indah untuk mempercantik blog dengan gambar-gambar yang indah. dengan background blog menjadi indah. background juga bisa menarik pengunjung. Mengapa?, Karena tampilan blog adalah salah satu yang pertama dilihat oleh pengunjung. jika blog terus menerus tidak diganti dengan yang baru apakah tidak bosan?. bagaimana caranya untuk mengganti tampilan blog?,salah satunya adalah dengan mengganti Background Blog. memangnya bisa mengganti background blog?, bisa kok. bagaimana caranya?, di posting kali ini saya akan memberitahu cara mengganti Background Blog. Berikut caranya:

Ada dua cara untuk mengganti background blog:
  1. Dengan pengaturan template.
  2. Dan dengan cara mengedit HTML blog.
Untuk mengganti Background dengan pengaturan template, ikuti langkah-langkah berikut:
  • Silahakan Login ke blogger anda.
  • Setelah itu, Klik Menu Template --> Klik Tombol Sesuaikan. Gambar:(1)
                                                            Gambar:(1)
  • Lalu, Klik Latar Belakang --> Klik Tombol Panah Bawah.
  • Pilih background yang anda mau, atau upload background anda dengan mengklik Unggah Gambar.
  • Setelah itu klik Terapkan Ke Blog.
Untuk cara kedua dengan mengedit HTML blog, ikuti langkah-langkah berikut:
  • Silahkan Masuk Ke blogger anda.
  • Klik Menu Template --> Edit HTML.
  • Cari Kode body{ dengan menekan CTRL+F atau dengan F3 Seperti Kode Berikut ini:
body{
background:#
FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0TYbyrMN4mMTs1HxE-_VFh0vETQqcV4BfAN9z9QNlw76BD1e9279_EiZoW6BxIcHcxujywhMs0OAj2v-vUTr56mqJdyc6K3CkjjU_s6oxhonRbuiivoFyqzFIQggKp7r6lD4nYHzXkWk/s1600/3.jpg) repeat-x;
color:#353535;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
  • Masukan Link Gambar Anda dan tambahkan tulisan url dan di akhir repeat-x;  Di samping kode #FFFFFF; Seperti Berikut ini:
body{
background:#
FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0TYbyrMN4mMTs1HxE-_VFh0vETQqcV4BfAN9z9QNlw76BD1e9279_EiZoW6BxIcHcxujywhMs0OAj2v-vUTr56mqJdyc6K3CkjjU_s6oxhonRbuiivoFyqzFIQggKp7r6lD4nYHzXkWk/s1600/3.jpg) repeat-x;
color:#353535;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Keterangan:
Pada setiap blog tidak harus sama dengan kode diatas, jika tidak cari dengan kata kunci body{.
jika anda tidak mau mengunakan background dengan keatas kebawah ganti kode repeat-x; menjadi repeat-x top left fixed;. dan jika gambar anda kecil dan ingin menjadi besar ganti kode repeat-x; mejadi repeat scroll 00;.
  • Jika sudah, Klik Simpan Template.
Selamat Mencoba,
Salam Sukses.



Your-BelajarBLOG

No comments:

Post a Comment

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar