Home » » Cara Mengganti Background Postingan

Cara Mengganti Background Postingan

Written By Satriyo Arif on Kamis, 12 Januari 2012 | 00.18

Sebagai alternatif, anda dapat mengganti background post dengan image yang tentu harus disesuaikan dengan warna huruf pada postingan agar kehadiran image sebagai background tidak mengganggu tampilan huruf.(Mudah-mudahan ketika anda membaca artikel ini background postingan berupa image belum diganti)

LANGKAH-LANGKAHNYA

PERTAMA
  1. 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.
  2. Upload image tersebut ke hosting penyimpanan image seperti Photobucket, Imageshack, Web Picasa atau hosting yang selama ini anda gunakan.
  3. Copy Url/alamat gambar yang anda upload tadi. Simpan dulu pada note pad.


KEDUA
  1. Masuk ke Blogger
  2. Klik Tab Rancangan bagian Edit HTML
  3. Cari kode seperti dibawah ini pada template blog anda
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}


4. Tambahkan kode untuk background seperti ini :

background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;


5. Gabungkan kedua kode diatas sehingga menjadi seperti 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;
}

6. Kode yang berwarna kuning http://img268.imageshack.us/img268/6805/bodybgiq.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)
7. Klik tombol Simpan

8. Lihat background postingan anda sekarang.





Kontak Kami:
Jl. pemuda no. 4A (kawasan PKL stempel Kantor Pos Johar Semarang)
Phone : 085641156748
024 40256748
Pin BB : 311DAEE5

3 komentar :

Berita Terbaru :

 
Support : Stempel Semarang | Master Trik Blog | Belajar SEO
Copyright © 2013. Blog Tutorial Bojonegoro - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger