Cara Memasang Background Image Tanpa Edit Html



;
Tampilkan halaman posting anda dengan background gambar yang menarik untuk membuat blog menjadi lebih menarik. Jika itu yang anda inginkan anda orang yang beruntung. Ikuti langkah-langkah berikut ini untuk memasang background image di halaman posting.

Cara memasang background image di halaman posting tanpa edit html :

1. Siapkan gambar atau image yang akan di jadikan background, ukuranya silahkan menyesuaikan panjang artikel anda.

2. Upload gambar ke hosting tempat anda akan menyimpan gambar dan dapatkan url dari gambar tersebut. Untuk cara mendapatkan url gambar silakan baca disini.


3. Kemudian masuk ke akun blogger anda dan pilih new post.
4. Pada halaman post pilih mode html.

5. Selanjutnya masukan kode berikut di halaman posting.

<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijFMwn3JpSpNcaAfurGnHNLdA7_f2Vr1niVN3s-nn0xjGTks7N6tfg4u9yb6JOn-rLaZW6SSwaWOQqnGXSj3UFbOkx-wfljdus5mKR3WBALgUSOP_IpVvvTr0AFsXaA-rCSDPwYjyFFUOo/s500/logojp.png)no-repeat"> Tulis posting anda disini. Tutup posting dengan kode berikut
</div>

6. Ganti warna merah dengan url gambar yang tadi telah anda dapatkan pada langkah ke 2.

7. Simpan dan lihat hasilnya.

Demikian cara memasang background image di halaman posting tanpa edit html. Semoga bermanfaat.




No comments:

Post a Comment