-->

Notification

×

Kategori Berita

Cari Berita

Iklan

Iklan

Indeks Berita

Tag Terpopuler

Cara mengganti background Blog

Rabu, 03 Oktober 2012 | Oktober 03, 2012 WIB | 0 Views Last Updated 2020-05-16T08:13:53Z
Disini saya akan mencoba berbagi cara untuk mengganti background pada blog anda
awalnya background blog kita warnanya asli dari template blogspot, nah kalo kita pingin ganti biar gak bosen dan bisa menjadi identitas blog yang kita miliki kita pertama - tama perlu menyiapkan gambar yang akan kita jadikan background.
kita bisa membuatnya dari coreldraw, photoshop atau program yang lain terserah anda mau pakai dan bisa pakai yang mana, kemudian yang perlu kita perhatikan adalah ukuran dari gambar tersebut, untuk ukuran background saya pakai lebar 1024px dan lebar 700px dan disave dalam file .PNG. atau paling mudah kita cari di google gambar yang kita sukai. setelah gambar disiapkan kita posting dulu gambar kedalam blog kita supaya kita mendapatkan url nya, setelah kita insert dan pilih normal size pada gambar klik HTML pada kiri atas tempat kita posting disitu kita bisa lihat url, kita cari yang bentuk nya seperti ini "http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AACMTAAAYk/hsaP92g98TI/s1600/wallpaper.jpg"
jangan lupa setelah di copy url tadi di publishkan gambar tadi

selanjutnya 
1. kita masuk ke TEMPLATE lalu edit HTML jangan lupa centang kotak kecil Expand Template Widget

2. ketik bersama - sama Ctrl+F akan muncul kotak find, ketikan disana body {
akan ketemu deretan tulisan seperti dibawah ini, tetapi tiap blog berbeda pada kode-kode anggkanya karena backgroud warnanya beda tapi pada dasarnya mirip ini.


body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

3. siapkan url gambar background tadi menjadi 
url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AACMTAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;  

4. lalu gabungkan dengan  kode background pada blog anda menjadi

 body{
background:#ded8c0;
url(http://4.bp.blogspot.com/-dNS6cFsK2M4/TuwkW0K4RJI/AACMTAAAYk/hsaP92g98TI/s1600/wallpaper.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}


5. untuk membuat  gambar menjadi statis, ketika anda menggerakkan scroll mouse gambar tidak bergerak keatas dan kebawah . kita tinggal mengganti repeat-x; menjadi repeat-x top left fixed;

sekian dulu cara dari saya untuk mengganti background blog agar blog anda terlihat manis

×
Berita Terbaru Update