Lompat ke konten Lompat ke sidebar Lompat ke footer

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"