Back to TopBack to Bottom

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;


  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.
Attention

ATTENTION PLEASE!

Untuk memperbaiki dan mengembangkan blog ini menjadi lebih baik, mari bersama - sama kita bangun, caranya? Apabila kamu menemukan link yang mati/sudah tidak berfungsi atau gambar yang sudah tidak muncul/expire, silahkan hubungi kami disini. Laporan anda sangat berpengaruh pada perkembangan blog ini. Terima kasih atas perhatiannya thanks

Trik menarik lainnya yang mungkin ingin anda baca :

9 comments

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

Balas | December 19, 2009

keren2 ni tutorialnya, lanjutkan ya...

Balas | December 30, 2009
bagas

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

Balas | February 13, 2010

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

Balas | February 13, 2010

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

Balas | February 27, 2010

Triknya Boleh jg mas di coba.Thanks ya

Balas | April 20, 2010

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

Balas | August 06, 2010

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

http://komputer-fix.blogspot.com

Balas | March 10, 2011

Terimakasih atas tipsnya salam kenal

Balas | May 31, 2011

Post a Comment

Segera Laporkan apabila kamu menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini

 
Di Like sama Follow ya biar tambah Semangat >>