SCRIPT BACKGROUND GAMBAR

POSTINGAN

Versi 3 Warna Background Animasi

Versi 1

Script untuk di postingan [Mode HTML]

========================================

<!--Versi 1-->

<div style="padding: 5px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgjhWFKAeUcLpp9U4qYaK3jPMFMEPxtCvWCUtWe2OTOiphNn8q4CeKAgpPP9AqGRdwV2uw1tBaThreiM6Tg07HbYQ-gMba8938S265V5Pst6-XP0GlLjwWMlmwkDyPPv6XvCkYOb8Rf9A/s1600/Background+Untuk+Tips+Blogger.png); background-repeat: repeat; background-position: center;"> Tulis artikel postingan disini  </div><!--/Versi 1-->

=============================================================

Versi 2

Script untuk di postingan [Mode HTML]

=============================================================

<!--Versi 2-->

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgjhWFKAeUcLpp9U4qYaK3jPMFMEPxtCvWCUtWe2OTOiphNn8q4CeKAgpPP9AqGRdwV2uw1tBaThreiM6Tg07HbYQ-gMba8938S265V5Pst6-XP0GlLjwWMlmwkDyPPv6XvCkYOb8Rf9A/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-->

====================================================

<!--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-->

======================================================

Sumber : https://www.kukuhacu.com/