Monday, January 3, 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 arahkan pandangan anda ke tulisan yang berwarna hijau 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;

  6. Nah sekarang simpan dan lihat hasilnya

Mudah-mudahan trik Membuat Float Teks Berjalan ini bermanfaat untuk anda semua dan membuat blog anda lebih menarik. Mungkin untuk kali ini cukup segini saja y, terima kasih untuk para pengunjung yang sedang membaca Artikel ini.

No comments:

Post a Comment