Siapkan sebuah image yang ukurannya telah disesuaikan dengan lebar postingan blog anda serta memiliki tinggi minimal 800 px. Gunakan Adobe Photoshop atau aplikasi lainnya untuk me-resize image.
Upload image tersebut ke hosting penyimpanan image seperti Photobucket, Imageshack, Web Picasa atau hosting yang selama ini anda gunakan.
Copy Url/alamat gambar yang anda upload tadi. Simpan dulu pada note pad.
KEDUA
Masuk ke Blogger
Klik Tab Rancangan bagian Edit HTML
Cari kode seperti dibawah ini pada template blog anda
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
Tambahkan kode untuk background seperti ini :
background: url(http://Url gamar yang sudah kamu upload) repeat-x fixed top center;
Gabungkan kedua kode diatas sehingga menjadi seperti ini :
.post {
background: url(http://Url gamar yang sudah kamu upload) repeat-x fixed top center;
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
atau bisa dengan cara tekan "control F" lalu cari body
jangan lupa di centang Expand Template Widget.
Lalu copy pastekan HTML yang ada di bawah.
Upload image tersebut ke hosting penyimpanan image seperti Photobucket, Imageshack, Web Picasa atau hosting yang selama ini anda gunakan.
Copy Url/alamat gambar yang anda upload tadi. Simpan dulu pada note pad.
KEDUA
Masuk ke Blogger
Klik Tab Rancangan bagian Edit HTML
Cari kode seperti dibawah ini pada template blog anda
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
Tambahkan kode untuk background seperti ini :
background: url(http://Url gamar yang sudah kamu upload) repeat-x fixed top center;
Gabungkan kedua kode diatas sehingga menjadi seperti ini :
.post {
background: url(http://Url gamar yang sudah kamu upload) repeat-x fixed top center;
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
atau bisa dengan cara tekan "control F" lalu cari body
jangan lupa di centang Expand Template Widget.
Lalu copy pastekan HTML yang ada di bawah.
body {
background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1dzVZClmzPv9Lrs53430UgvyzK5QcEATTtp5KxtcS1iSKcw-dj6MPP1pK2Ojt2AspnBDAiOoaCzzXgKUqNv7NNw7SVVlczLqZFOS4BOYF148P3aCYBCyccz4t8MQkUAZuyOnU39PsETIR/s1600/Cyber_Hero_by_Tyshea.jpg) fixed center top no-repeat;}
Keteranga : Kode yang berwarna biru http://Url gambar yang sudah anda upload.jpg merupakan Url/alamat image yang akan tampil sebagai background postingan. Ganti alamat gambar tersebut dengan alamat gambar yang anda upload tadi (yang disimpan pada note pad)
Klik tombol Simpan
Lihat background postingan anda sekarang.
Selamat Mencoba............
NB: Blogger yang baik selalu meninggal kan komentar kepada sesama blogger
background:#FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1dzVZClmzPv9Lrs53430UgvyzK5QcEATTtp5KxtcS1iSKcw-dj6MPP1pK2Ojt2AspnBDAiOoaCzzXgKUqNv7NNw7SVVlczLqZFOS4BOYF148P3aCYBCyccz4t8MQkUAZuyOnU39PsETIR/s1600/Cyber_Hero_by_Tyshea.jpg) fixed center top no-repeat;}
Keteranga : Kode yang berwarna biru http://Url gambar yang sudah anda upload.jpg merupakan Url/alamat image yang akan tampil sebagai background postingan. Ganti alamat gambar tersebut dengan alamat gambar yang anda upload tadi (yang disimpan pada note pad)
Klik tombol Simpan
Lihat background postingan anda sekarang.
Selamat Mencoba............
NB: Blogger yang baik selalu meninggal kan komentar kepada sesama blogger
{ 0 komentar... read them below if any or add comment }
Posting Komentar