qwerty

Senin, 01 Agustus 2011

membuat float teks berjalan

Di Kesempatan ini saya akan memberikan trik untuk mempercantik blog dengan efek Marquee. Namun kali ini saya padukan dengan Membuat Image Float. jadi namanya Float Teks Berjalan, saya sendiri yang menamakannya Untuk contohnya klik saja Demo dan arahkan pandangan anda ke tulisan yang berwarna biru berjalan yang letaknya di bawah.

Apakah anda tertarik? pasti tertrik  ya kan? okey langsung saja kita Membuat Float Teks Berjalan, lihat ke bawah y :
  1. Login ke blogger
  2. Masuk ke Tata Letak ==>> Edit HTML
  3. Cari kode ini ]]></b:skin&gt, setelah ketemu langsung saja taruh kode CSS ini di atasnya

    #trik_pojok { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  4. Teks yang bercetak tebal itu bisa anda ganti, contoh untuk menampilkannya di atas kanan : "Top" dan "right"
  5. Setelah itu, sekarang cari kode </body> lalu taruh kode di bawah ini tepat di atasnya


&lt;div id='trik_pojok'&gt; &lt;div align='center'&gt; &lt;div id='fixmetoo'&gt; &lt;div align='center' style='BACKGROUND-COLOR: rgb(0, 0, 0); border: 1px dashed #FFFFFF;'&gt; &lt;!-- iklan bawah start--&gt; &lt;marquee align='center' direction='left' height='20' scrollamount='2' scrolldelay='40' width='100%'&gt;&lt;strong&gt;&lt;span style='color: rgb(51, 102, 255);'&gt;..:: Perhatian !! terima kasih atas kunjungannya, jangan lupa kalau mau copy/paste harap cantumkan sumbernya by http://www.loveuyuliana.blogspot.com dan blog ini setiap harinya di update::..&lt;/span&gt;&lt;/strong&gt;&lt;/marquee&gt; &lt;!-- iklan bawah end--&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;

Nah sekarang simpan dan lihat hasilnya

Tidak ada komentar:

Posting Komentar

How To Create Horizontal Accordion Slideshow