Wednesday, February 7, 2018

Cara Menciptakan Background Di Halaman Posting

Cara menciptakan atau memasukan gambar yang akan dijadikan background dihalaman posting blog, background dapat kita gunakan dengan gambar yang berbeda, disetiap posting. Sebelumnya aku sudah menciptakan artikel wacana cara menciptakan background berbeda dihalaman berbeda, yakni dengan cara memasukan background menurut URL halaman.

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

Langsung saja, cara menciptakan background disetiap postingan blog, ikuti langkah-langkah dibawah ini.
  1. Login ke blogger, kemudian buatlah entri baru. Atau edit artikel yang lama.
  2. Selanjutnya copy arahan dibawah ini.
  3. <div dir="ltr" style="text-align: left;" trbidi="on">
    <div style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV37cORL_bQKa2oydqfxxswkqVYoMs3WhqS2SRQ11ryyRyNOg1FbethDTCrt_VFWRNxCYqGv2CLbKm1wsB5XIUADa3cvvEDtmAarjolz093FWv_HtvXblRgAvTSoZoxCpLCisMRRK4Se1S/s1600/Fandra+Juani+copy.png&quot;) no-repeat right bottom;">
  4. Dan pastekan di awal goresan pena blog, pada bab HTML. Contoh Gambar.
  5.  Cara menciptakan atau memasukan gambar yang akan dijadikan background dihalaman posting blog Cara Membuat Background di Halaman Posting
  6. Setelah itu masukan arahan </div> diakhirtulisan blog, masih pada bab HTML.
  7. Selanjutnya, pratinjau gambar, untuk memastikan apakah background sudah ada atau belum.
  8. Jika sudah gres publikasikan(untuk artikel baru), atau Perbarui(untuk artikel lama). Selesai.
Keterangan Kode langkah 2:
  •  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV37cORL_bQKa2oydqfxxswkqVYoMs3WhqS2SRQ11ryyRyNOg1FbethDTCrt_VFWRNxCYqGv2CLbKm1wsB5XIUADa3cvvEDtmAarjolz093FWv_HtvXblRgAvTSoZoxCpLCisMRRK4Se1S/s1600/Fandra+Juani+copy.png ini url gambar yang akan dijadikan background. Silakan diganti dengan URL gambar kalian sendiri.
  •  no-repeat berfungsi semoga background gambar tidak berulang. untuk mengubah background gambar berulang, ganti menjadi repeat-x;
  • right bottom ini posisi background, dapat diganti dengan.
  • left top
    left center
    left bottom
    center top
    center center
    center bottom
    right top
    right center
    right bottom
Jika belum tau cara menciptakan dan mengambil URL gambar sendiri, kau dapat baca di cara cara upload dan ambil url gambar. Disitu ada cara upload dan ambil url sendiri dengan mudah. Background pada artikel ini aku letakan dibagian paling bawah, yakni dibagian center bottom. Karena warna background nya terang, jadi tulisannya tidak terlihat.
Kalian dapat gunakan background dengan warna yang gelap, semoga goresan pena artikel dapat terlihat.

pola background dengan gambar.  Tulisan ini sengaja aku blog, karenga tidak terlihat.         Semoga Bermanfaat.
Share:

0 comments:

Post a Comment