Cara Membuat Teks Berjalan Melayang di Bagian Bawah Blog

ARI SUDIBYO 03:55

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Masih melanjutkan postingan yang tadi sob, tentang tips blogging. Nah pastinya sobat sudah tau kan teks berjalan di blog ataupun di sebuah website? rieztoshare akan kembali mengulas tentang teks berjalan itu lagi sob, namu dalam keemasan yang berbeda, mau tau bedanya dimana? mari kita  simak.

Teks berjalan melayang ini sangat berbeda sekali dengan teks berjalan biasa, mau tau seperti apa? penasaran?
Langsung saja yuk kita simak cara membuatnya.

1. Login blog sobat.
2. Masuk ke Template.
3. Kemudian pilih Edit HTML, lalu klik lanjutkan dan jangan lupa centang "Expand Template Widget"
4. Cari kode ]]></b:skin> , Gunakan Crtl+F untuk memudahkan pencarian.
5. Kemudian letakkan kode dibawah ini, tepat diatas kode ]]></b:skin> tadi.

/* 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;

}

6. Selanjutnya cari kode </body> dan letakan kode dibawah ini tepat diatas kode </body> tadi.

<div id='footer2'>

<marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>Masukan teks yang akan sobat tampilkan disini </marquee>

</div>

7. Nah, yang terakhir, simpan Template, dan lihat hasilnya.

Sobat juga bisa mengganti ukuran font, jenis font teks yang akan sobat tampilkan, selain itu sobat juga bisa menambah atau mengurangi kecepatan teks saat berjalan, sobat bisa lihat ketentuannya disini.
Bagaimana sobat? mudah bukan cara membuat Teks berjalan melayang di blog? terimakasih yah udah mampir ^_^ 

Artikel Terkait

Previous
Next Post »