Menggunakan Gambar Pertama Postingan Untuk Background
Kadang ada kalanya dalam mendesain template, kita ingin menciptakan gambar postingan sebagai background. Misalnya kita akan menciptakan judul postingan di luar postingan dan memakai gambar postingan sebagai background dengan memakai dampak parallax ibarat pada postingan sebelumnya.Untuk itu kita perlu memakai tag Blogger untuk gambar pertama postingan untuk dipakai di luar loop atau di luar area postingan.
Jika kita tidak sempurna dalam penulisan kodenya, maka template akan error, biasanya halaman akan menjadi blank.
Sebagai demonya silahkan lihat dengan klik tombol demo di bawah ini.
Jika diinspeksi gambar di atas posingan, maka akan terlihat gambar postingan tersebut sebagai background.
Klik gambar untuk memperbesar. Klik Esc di keyboard untuk kembali.
Nah jikalau kebetulan Anda sedang mencari cara gambar postingan untuk background di luar postingan, silahkan coba arahan di bawah ini.
expr:style='"background: url(" + resizeImage(data:blog.postImageUrl,610) + ")"'
Angka
610 ialah arahan resize imagenya, sesuaikan dengan lebar tempatnya semoga gambar tidak buram.Untuk arahan pada demonya, secara lengkap ibarat di bawah ini.
<b:if cond='data:blog.postImageUrl'>
<div class='parallax' expr:style='"background: url(" + resizeImage(data:blog.postImageUrl,610) + ")top center;background-repeat:no-repeat;background-size:cover;"' id='parallax'>
<h2><data:blog.pageName/></h2>
</div>
</b:if>
Semoga bermanfaat....
Sumber https://www.kompiajaib.com/
0 Response to "Menggunakan Gambar Pertama Postingan Untuk Background"
Posting Komentar