Blog Tutorial

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

Sabtu, 13 Februari 2010

Teks dan Gambar Berjalan

Kategori : ,
Wah ternyata Teks dan gambar Berjalan banyak sekali yang request jadi saya buatkan tutorialnya dech biar blog sobat lebih cantik dan kereeeen...!!! mungkin Judul dari trik di atas tidak asing lagi di dunia mbah Google tapi kalau yang satu ini berbeda dari yang lain karena tidak menggunakan trik Marquee melainkan menggunakan Crawler. Untuk contohnya sobat bisa klik ini

Dalam tahapan pemasangan Teks dan gambar Berjalan sangat gampang, kenapa bisa gampang?? karena saya membuatnya agar para newbie Blogger dapat melakukannya/memasangnya tanpa kesulitan sedikitpun kecuali Newbie yang sangat-sangat-sangat-sangat-sangat Newbie :D. Maaf kalau saya lama sekali membagikan Trik ini kepada sahabat Blogger semua dikarenakan banyak Tugas sekolah yang numpuk.

Wah sudah saja lah cuap2nya takut Sahabat blogger pada bosan okey sekarang kembali ke cara Pemasangan Teks dan gambar Berjalan Setujuh sobat semua??(setujuh : seribu orang berbicara). Lihat kebawah dan praktekan y:
  1. masuk ke Blogger
  2. Lalu masuk ke halaman Tata Letak ==>> Elemen Halaman
  3. Tambahkan sebuah Gadget
  4. Setelah itu pilih yang HTML/Javascript
  5. Pindahkan kode di bawah ini kedalamnya :


    <script type="text/javascript" src="http://oketrik.googlecode.com/files/crawler2.js">
    /*
    Text and/or Image Crawler Script ©2009 John Davenport Scheuer
    as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
    This Notice Must Remain for Legal Use
    */
    </script>


    <center>
    <div class="marquee" id="mycrawler">
    ada yang mau ditanyakan silahkan tanyakan saja jangan sungkan2 saya sedia membantu dengan senang hati...
    </div>

    <script type="text/javascript">
    marqueeInit({
    uniqueid: 'mycrawler',
    style: {
    'padding': '5px',
    'width': '450px',
    'background': 'Black',
    'border': '1px solid #262626'
    },
    inc: 5, //speed - pixel increment for each iteration of this marquee's movement
    mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
    moveatleast: 3,
    neutral: 150,
    savedirection: true
    });
    </script>

    <div class="marquee" id="mycrawler2">
    <img src="http://i40.tinypic.com/9tlic8.jpg" /> <img src="http://i43.tinypic.com/1zbqs5t.jpg" /> <img src="http://i44.tinypic.com/2419ul3.jpg" /> <img src="http://i43.tinypic.com/296nh3r.jpg" /> <img src="http://i40.tinypic.com/mk7ki.jpg" />
    </div>

    <script type="text/javascript">
    marqueeInit({
    uniqueid: 'mycrawler2',
    style: {
    'padding': '2px',
    'width': '600px',
    'height': '180px'
    },
    inc: 5, //speed - pixel increment for each iteration of this marquee's movement
    mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
    moveatleast: 2,
    neutral: 150,
    savedirection: true
    });
    </script>
    </center>


    Penjelasan :
    • kode yang berwarna kuning bisa sobat ganti sesuai keinginan sobat. Teks ganti dengan Teks tapi kalau alamat Gambar ganti dengan alamat gambar yang sobat inginkan.
  6. Setelah itu sobat bisa simpan dan lihat hasilnya.

Mudah bukan Cara memasang Teks dan Gambar Berjalan?? nah bagaimana Trik yang ini?? kasih komentarnya y biar saya bisa lebih semangat lagi memberikan trik-trik yang menarik buat sobat semua. oiya saya hampir lupa lagi kalau trik ini saya dapatkan dari situs ini lagi. saya akhiri dan Terima kasih dan Happy Blogging.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

21 Komentar untuk Teks dan Gambar Berjalan

mantap ni...
makasih ya....

wah,,, emang bener nie blog, banyak tutorial pernak-perniknya... Terima kasih atas infonya sob!! keep it up!!

aku dah liat contohnya.. keren sob..

bikin tulisan berjalan gmn mz??

@asaloy ==>> maaf sob klo buat wordpress gw g tau, tp klo buat blogger tinggal ikutin ajach langkah-langkahnya...

mas bikin daftar artikel gmn spt punya mas di kanan atas tuch (trik menarik lainnya)...?
bagi ilmunya dong...?
baru belajar di blogspot..
www.asaloy.blogspot.com

@asaloy ==>> oke sob ntr saya bikinin tutornya, thanks y atas requestnya...

bisa liat contohnya g ?

@Anonymous ==>> sobat bisa lihat disini http://oketrik3.blogspot.com/ Terima Kasih

mantaf sob....thx lho.q sring2 coba2 di lainY ga pernah berhasil..coba disitu langsung tok cer..

coba liat disini-->>http://www.ngenet17.blogspot.com

Tulisan warna kuning coba ciganti warna lain bro biar kelihatan.

Assalamu'alaikum wr wb

terimakasih bro, sudah aku praktekan di blogku...! lumayan penampilanya...kalau tidak percaya boleh dilihat. Tapi sayangnya link untuk gambar ke web yang bersangkutan tidak bisa dieksekusi. Sebenarnya kalau bisa, orang yg klick kan langsung ke web yang dituju...!

Thanks Brow, elmu akan jadi hebat bila diamalkan.
Bagi-bagi elmu akan membuat Brow LEBIH CEPAT SUKSES.
SUKSES selalu ya Brow.

Aku coba di blogku http://tianshididi.co.cc
It's Work !

Waduh cakep banget bisa dipasang disitus Pasar induk Kramat jati

kalo imagenya ditambah alamat web lain bisa gk mas, jdi kayak iklan gitu? makasih.

bisa kok tinggal di ganti aja url gambar dengan url gambar iklan

gan ane mau tanya.. ada gak yaa soper pengubah dari html ke php.. karena saya cuma bisa buat web hmtl saja.. ya semacam convert dari html ke php... gitooo.. kalo ada tolong dong di share di mari

wew keren, banyak contoh menampilkan text disini, ane simpen dulu ah, nanti2 pasti kepake, thx u sob

sip gan sama - sama :)