Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Sabtu, 19 Desember 2009

Membuat Float Teks Berjalan

Kategori : ,
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;


  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. oiya saya hampir lupa bahwa trik ini saya buat bersama kk saya. Terima Kasih kk sudah membantu saya . Mungkin untuk kali ini cukup segini saja y, terima kasih untuk para pengunjung yang sedang membaca Artikel ini.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

10 Komentar untuk Membuat Float Teks Berjalan

keren tips nya,Uda praktekin dulu deh, bisa gak ya

keren2 ni tutorialnya, lanjutkan ya...

Keren, bisa hal yang sama diterap pada joomla?? kalau bisa gimana caranya?

Wah maaf sob saya tidak tahu soal penerapan di joomla....

mantabs gan, boleh aq copas nih code... ok banyak ngucapin maturnuwun nih gan....

Triknya Boleh jg mas di coba.Thanks ya

Triknya muantap, tpi untuk memanjangkan area text berjalannya gimana ea, mohon penjelasanya. maklum masih pemula, Blog saya "fatkhunsharing.blogspot.com". Thanks

Ini dah yang aq cari .... thank ya gan !!

http://komputer-fix.blogspot.com

Terimakasih atas tipsnya salam kenal

cara ganti background warna gimana gan.....?