Mengganti Background Postingan Dengan Image
Background post dari sebuah blog tidak hanya berupa warna yang kadang membosankan. Sebagai alternatif lain, anda sanggup mengganti background post dengan image yang tentu harus diadaptasi dengan warna abjad pada postingan supaya kehadiran image sebagai background tidak mengganggu tampilan huruf.Sebagai contoh, Coba perhatikan background postingan yang dipakai Tutorial Blogger (Mudah-mudahan dikala anda membaca artikel ini background postingan berupa image belum diganti)
LANGKAH-LANGKAHNYA
PERTAMA
- Siapkan sebuah image yang ukurannya telah diadaptasi dengan lebar postingan blog anda serta mempunyai tinggi minimal 800 px lebar 1700px. Gunakan Adobe Photoshop atau aplikasi lainnya untuk me-resize image.
- Upload image tersebut ke hosting penyimpanan image menyerupai 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 bab Edit HTML
- Cari arahan menyerupai dibawah ini pada template blog anda
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
} - Tambahkan arahan untuk background menyerupai ini :
background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center; - Gabungkan kedua arahan diatas sehingga menjadi menyerupai ini :
.post {
background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
} - Kode yang berwarna kuning
http://img268.imageshack.us/img268/6805/bodybgiq.jpgmerupakan 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, semoga bermanfaat... Sumber http://epg-studio.blogspot.com/