Cara Membuat Tulisan Berjalan dalam Postingan


Beberapa bentuk teks berjalan ini bagus untuk dicoba.

BENTUK 1

<div class="marqueeart">
<marquee style="font-family: &quot;courier new&quot;; font-size: 3em; text-shadow: 2px 2px 4px #777;">
Yeremia 18:1-12
<br />
<span style="color: #333333; font-family: &quot;lucida console&quot;; font-size: 12px;">
Bejana Tanah Liat yang Hidup Kepunyaan Allah Sendiri
</span></marquee></div>
<style>
.marqueeart {width:450px;height:68;background-color: #fff;
background-image: -webkit-linear-gradient(top, #dbe8bc 0%, #dbe8bc 5%, transparent 5%, transparent 100%);
background-image: -moz-linear-gradient(top, #dbe8bc 0%, #dbe8bc 5%, transparent 5%, transparent 100%);
background-image: -0-linear-gradient(top, #dbe8bc 0%, #dbe8bc 5%, transparent 5%, transparent 100%);
background-image: linear-gradient(top, #dbe8bc 0%, #dbe8bc 5%, transparent 5%, transparent 100%);
background-size: 1px 23px; box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
</style>

Yeremia 18:1-12
Bejana Tanah Liat yang Hidup Kepunyaan Allah Sendiri

BENTUK 2

<div class="marqueeart2">
<marquee style="color: white; font-family: &quot;times new roman&quot;; font-size: 32px; padding-top: 5px; text-shadow: 2px 2px 4px #000;">Selamat Melayani. Tuhan Memberkati Selalu</marquee></div>
<style>
.marqueeart2 {width:450px;height:50;background-color:#a19eab;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b8bfc4', endColorstr='#a19eab');
background-image:-webkit-linear-gradient(top, #b8bfc4 0%, #fcfcfc 50%, #a19eab 100%);
background-image:-moz-linear-gradient(top, #b8bfc4 0%, #fcfcfc 50%, #a19eab 100%);
background-image:-ms-linear-gradient(top, #b8bfc4 0%, #fcfcfc 50%, #a19eab 100%);
background-image:-o-linear-gradient(top, #b8bfc4 0%, #fcfcfc 50%, #a19eab 100%);
  background-image:linear-gradient(top, #b8bfc4 0%, #fcfcfc 50%, #a19eab 100%);
}
</style>

Selamat Melayani. Tuhan Memberkati Selalu

Masih adakah bentuk lainnya?
* Dari berbagai sumber
Previous
Next Post »