Trik blogger, Info terbaru, pendidikan, TabunganKu.

Cara Membuat Teks Berjalan Melayang di footer Pada Blog



Jagowalat blog kali ini akan share tentang Cara Membuat Teks Berjalan Melayang di Footer  pada Blog. Berikut adalah langkah-langkahnya Cara Membuat Teks Berjalan Melayang di Footer  pada Blog :

  • Login ke Blogger
  • Klik Dasbor >> Rancangan >> Edit HTML
  • Tekan Ctrl+F
  • Cari kode ini ]]></b:skin>
  • Copy  dan Letakkan Kode dibawah ini sebelum kode ini ]]></b:skin>
/* footer dinamis */

#footer2 {

align: center;


position: fixed;

border-top: 1px solid #030379;

border-bottom: 1px solid #030379;

background-color: #ffffff;

width: 100%;

height:20px;

text-align: left;

color: #030379;

font-family: Arial;


font-weight: bold;

font-size: 15px;

z-index:10000;

bottom:0;

}

Keterangan:
  1.  border-top: 1px solid #030379 adalah bolder atas. ganti kode yang berwarna biru ini dengan warna kesukaan anda misal mau ganti dengan warna hitam maka ganti dengan code #000000
  2.  border-bottom: 1px solid #030379; adalah bolder bawah. ganti kode yang berwarna biru ini dengan warna kesukaan anda misal mau ganti dengan warna hitam maka ganti dengan code #000000
  3.  background-color: #ffffff; adalah warna background. ganti yang berwarna kode merah ini dengan warna kesukaan anda misal mau ganti dengan warna grey maka ganti dengan code #000000
  4.  color: #030379; adalah warna font atau huruf. ganti yang berwarna kode merah ini dengan warna kesukaan anda misal mau ganti dengan warna putih maka ganti dengan code #ffffff

  • Cari kode  </body>  dan letakan kode di bawah ini tepat di atas kode </body>

<DIV id='footer2'>
<MARQUEE onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>Masukan teks yang akan anda masukan disini </MARQUEE>
</DIV>
  • Simpan Template
  • done...  
  • Mudah kan?

Semoga Bermanfaat ^_^