Memasang Background Gambar di Belakang Tulisan Blog
1. versi 1
script
<!--Versi 1--><div style="padding: 5px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKMTc-1LM340Soeg5NIyEN9Jnm7I4XrTFxwiEgYosgn6Skz0KXmy5_0NTWeCG3otwmUZouYb6lI6xq0UrH3AvNA8RgRtROd4A1ktqGpuZf6b5TDz4Wmfbl2SmP27UvSP6CywWG2-kgAPQ/s1600/Background+Untuk+Tips+Blogger.png); background-repeat: repeat; background-position: center;"> Tulis artikel postingan disini </div><!--/Versi 1-->
2.versi 2
script:
<!--Versi 2-->
<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKMTc-1LM340Soeg5NIyEN9Jnm7I4XrTFxwiEgYosgn6Skz0KXmy5_0NTWeCG3otwmUZouYb6lI6xq0UrH3AvNA8RgRtROd4A1ktqGpuZf6b5TDz4Wmfbl2SmP27UvSP6CywWG2-kgAPQ/s1600/Background+Untuk+Tips+Blogger.png); background-position: 50% 50%; background-repeat: repeat; padding: 5px;">
<b>[ Hasil Background dua Kali ]</b> <br />
<div style="background-color: white; border: 1px solid rgb(255, 255, 255); opacity: 0.6; padding: 10px; text-align: left;">
<span style="color: black;"><b>
Belakang Background Gambar. <br />
Atas Warna Transparent. <br />
</b></span>
</div>
</div>
<!--/Versi 2-->
3. versi 3
<!--Versi 3-->
<div class="Animasi-Warna-Versi-3" style="width: 100%; padding:3px; font-weight: bold;"> Post : Versi 3 Warna Background Animasi </div>
<style>
.Animasi-Warna-Versi-3 {
background: linear-gradient(45deg, #ff0000, #fff000, #0000ff, #ffffff, #ff0000, #fff000, #0000ff);
background-size: 500% 500%;
-webkit-animation: JcsGradient 12s ease infinite;
-moz-animation: JcsGradient 12s ease infinite;
animation: JcsGradient 12s ease infinite; }
@-webkit-keyframes JcsGradient
{ 0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%} }
@-moz-keyframes JcsGradient
{ 0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%} }
@keyframes JcsGradient
{ 0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%} }
</style>
<!--/Versi 3-->
lebih lengkapnya bisa lihat disumbernya: https://www.kukuhacu.com/2019/01/buat-background-gambar-di-belakang.html
Posting Komentar untuk "Memasang Background Gambar di Belakang Tulisan Blog"