Cara Membuat Background Gambar di Halaman Posting

Cara Membuat Background di Halaman Posting

Cara membuat atau memasukan gambar yang akan dijadikan background dihalaman posting blog, background bisa kita gunakan dengan gambar yang berbeda, disetiap posting. Sebelumnya saya sudah membuat artikel tentang cara membuat background berbeda dihalaman berbeda, yaitu dengan cara memasukan background berdasarkan URL halaman.

Dan kali ini background di halaman posting, langsung dari artikelnya. Jadi kita memasukan gambar ke artikel untuk dijadikan background. Untuk lebih jelasnya silakan lihat background gambar dibagian akhir artikel ini. Atau lihat halaman profil dan halaman Contact di blog ini.

Langsung saja, cara membuat background disetiap postingan blog, ikuti langkah-langkah dibawah ini.

1. Login ke blogger, lalu buatlah entri baru. Atau edit artikel yang lama.

      2. Selanjutnya copy kode dibawah ini

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicFdLZIrUlAKEhCFuBqRNjfJligRE9tSvDenzpsi9RbqC1nsHRAif94UTsVyP5JBhI3wYEN_mG32rkkGecuJhLws8Kn2sp3cJxjDiQoVD7_JC_oxc3HB1mllEIaYCMJp8mtJvC2Hs_jEKK/s1600/Fandra+Juani+copy.png&quot;) no-repeat right bottom;">

    3. Dan pastekan di awal tulisan blog, pada bagian HTML. Contoh Gambar.

   4. Setelah itu masukan kode </div> diakhir tulisan blog, masih pada bagian HTML
   5. Selanjutnya, pratinjau gambar, untuk memastikan apakah background sudah ada atau belum.
   6. Jika sudah baru publikasikan(untuk artikel baru), atau Perbarui(untuk artikel lama). Selesai.

Keterangan Kode langkah 2:

•  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicFdLZIrUlAKEhCFuBqRNjfJligRE9tSvDenzpsi9RbqC1nsHRAif94UTsVyP5JBhI3wYEN_mG32rkkGecuJhLws8Kn2sp3cJxjDiQoVD7_JC_oxc3HB1mllEIaYCMJp8mtJvC2Hs_jEKK/s1600/Fandra+Juani+copy.png ini url gambar yang akan dijadikan background. Silakan diganti dengan URL gambar kalian sendiri.
•  no-repeat berfungsi agar background gambar tidak berulang. untuk mengubah background gambar berulang, ganti menjadi repeat-x;
• right bottom ini posisi background, bisa diganti dengan.

          left top
          left center

JIka Sobat ingin mendapatkan semua makalah yang ada di website ini secara gratis siilahkan klik tombol Subscribe yang ada dibawah ini, dan Perlu diketahui Setelah Sobat Mendaftarkan Email Jangan Lupa Konfirmasi Link yang di Kirim Ke Email Agar Pemberitahuannya Aktif: