Cara Memasang Auto Scrolling Text di WordPress
July 23rd, 2009 | by rosihanari |
Cetak Artikel Ini
Sejak beberapa hari dalam 2 minggu ini, mungkin Anda melihat tampilan baru dalam blog saya. Apa itu? Ya… adanya pesan text yang selalu berada pada bagian atas jendela browser. Pesan ini akan selalu muncul kemanapun pengunjung berada dalam blog saya, meskipun sedang scrolling. Saya harap keberadaan pesan text tersebut tidak mengganggu para pengunjung setia blog saya
toh… ukurannya tidak terlalu besar dan bisa dihilangkan oleh pengunjung sendiri.
Dalam auto scrolling text tersebut, saya sengaja tempatkan iklan-iklan bisnis produk yang saya tawarkan, dan juga link afiliasi saya. Dari sekedar iseng memasangnya, eh.. ternyata keberadaan auto scrolling text tersebut mampu meningkatkan penghasilan saya secara signifikan. Hal ini dikarenakan auto scolling text tersebut memiliki click rate yang tinggi. Mungkin karena selalu tampil di browser pengunjung.
Nah.. bagi Anda yang ingin menempatkan auto scrolling text tersebut di blog WordPress, saya akan mengajarkannya pada Anda. Eh.. tapi ingat, ini hanya berfungsi pada blog WordPress di self hosting atau hosting sendiri dan bukannya hosting di WordPress.com.
Ini dia cara memasangnya:
- Silakan download scriptnya terlebih dahulu di sini
- Ekstraklah file hasil download tersebut di komputer Anda. Hasil ekstrak file download akan menghasilkan 3 file.
- Uploadlah ketiga file tersebut ke root direktori WordPress Anda. Bila WordPress Anda diinstal ke dalam suatu folder tertentu, maka upload ketiga file tersebut ke dalam folder tersebut.
- Kemudian editlah script header.php yang ada dalam folder theme yang sedang Anda gunakan
Tambahkan kode berikut ini ke dalam script header.php di antara tag <head> … </head>
[/sourcecode]
<script type="text/javascript" language="javascript" src="http://alamatbloganda/jquery-1.2.6.min.js"></script> <script type="text/javascript" language="javascript" src="http://alamatbloganda/float.js"></script>
Anda bisa letakkan script di atas di sebarang tempat dalam tag <head> .. </head> Oya... Jangan lupa untuk mengganti 'alamatbloganda' dengan alamat URL blog Anda.
- Masih dalam script header.php, tambahkan pula kode berikut ini untuk menuliskan pesan teksnya. Kode ini diletakkan setelah tag <body>
<div id="message_box"> <img id="close_message" style="float:right;cursor:pointer" src="http://alamatbloganda/12-em-cross.png" /> ***pesan anda di sini*** </div>
OK selesai, Anda akan bisa melihat pesan teks tersebut di semua halaman blog WordPress Anda.
But... sayangnya script di atas hanya dapat meletakkan sebuah pesan saja.
Lha.. terus bagaimana bila kita ingin menempatkan beberapa pesan yang lebih dari satu?
Jangan khawatir... karena saya telah memodifikasi scriptnya sehingga Anda bisa menambahkan lebih dari satu pesan. Trus.. script yang saya buat ini nanti akan merandom atau mengacak pesan yang muncul setiap kali blog Anda diload di setiap halamannya. Script hasil modifikasi saya ini menggunakan dasar PHP dan MySQL.
Selain memunculkan pesan teks secara random, script modifikasi saya ini juga dilengkapi dengan panel untuk mengatur pesan-pesannya: tambah pesan, edit dan hapus pesan. OK bukan?
Berikut ini screen shot penghasilan saya setelah memasang auto scrolling text dengan script yang saya modifikasi sendiri dengan menampilkan pesan iklan secara random. He 3x... bukannya sombong sih.. Mudah-mudahan nanti Anda juga demikian, syukur-syukur melebihi saya

Screen shot di atas diambil dari penghasilan saya di Ziddu. Dari screen shot tampak bahwa jumlah penghasilan saya dari referal lumayan banyak (95 orang), dengan komisi per orangnya adalah $0.1.

Screenshot di atas saya ambil dari penghasilan bisnis afiliasi di VCC Indonesia. Terdapat 11 orang referal di bawah saya dengan komisi per referalnya adalah Rp. 35.000,- (lumayan bukan).
Oya.. satu lagi, perhatikan jumlah kunjungan web replika saya yang sejumlah 1865 kali. Wow banyak ya... ?? Kunjungan orang sebanyak itu berasal dari link referal (afiliasi) yang ditaruh dalam script "Auto Scrolling Text" hasil modifikasi saya. Dengan demikian terbukti bahwa script tersebut akan menghasilkan click yang lumayan banyak karena akan selalu tampil di halaman blog WordPress Anda.
Bila Anda berminat memiliki dan memasang script tersebut di blog WordPress Anda, maka script tersebut bisa diperoleh cukup dengan Rp. 50.000,- (murah bukan?).
Untuk pembayarannya, bisa melalui salah satu rekening di bawah ini:
- Bank Mandiri kantor cabang Kartasura no. rekening 138 000 6423 011 atas nama Rosihan Ari Yuana, atau
- Bank BCA kantor cabang Kartasura no. rekening 393 029 2515 atas nama Rosihan Ari Yuana, atau
- Bank BNI kantor cabang UNS Solo no. rekening 003 370 8662 atas nama Rosihan Ari Yuana, atau
- Bank Muammalat no. rekening 901 857 0399 atas nama Rosihan Ari Yuana, atau
- Via Paypal dengan email account: rosihanari@gmail.com (khusus Paypal, harganya $5.00)
Setelah melakukan pembayaran harap mengirim pesan SMS konfirmasi ke no: 0857 16 191979. Pesan konfirmasi berisi Nama Anda, Rekening Bank Tujuan Transfer, Tgl Transfer dan Alamat Email Anda.
Selanjutnya, script dan petunjuk instalasi akan saya kirim ke email Anda hari itu juga.
OK.. saya tunggu ya infonya.. kalo berminat sih. Kalo nggak juga gak papa kok
Anda ingin mendownload beberapa tool programming 100% gratis?
Silakan download di FREE PROGRAMMING TOOLS.
atau ingin berdonasi untuk pengembangan blog ini cukup dengan $1 via Paypal?
Beberapa artikel terkait
- Memasang Adsense For Search di WordPress
- Cara Mudah untuk Upgrade WordPress Anda
- Cara Membalik Urutan Postingan di WordPress
- Kaos WordPress Keren Bagi WordPress Maniac
- Cara Mudah Menulis Formula Matematika (Equation) di WordPress dengan WP-QuickLatex
- Menampilkan Pesan Teks Pada Postingan WordPress Berkategori Tertentu
- Membuat Script SMS Auto Forward dengan PHP
- Mengintip Fitur Terbaru di WordPress 2.8
- Rahasia Optimisasi SEO di WordPress
- Teknik Mengirim Long Text SMS Gammu dengan Query SQL
Share this article on:
Kata kunci: auto scrolling text wordpress - pasang iklan wordpress -





Pak, trik ini yang saya cari, buat meletakkan link bisnis di blog saya.
btw, kalau untuk yang sifatnya seperti gambar & tulisan (seperti di detik.com) sudah pernah di posting belum ya Pak ?
.-= beni – internet resource optimization´s last blog ..TCP Optimizer buat optimasi akses dial-up internet =-.
terima kasih pak buat tutorialnya, saya sudah lama mencarinya.
Kalau untuk menampilkan gambar juga seperti iklan detik.com, sudah pernah diposting belum disini Pak
.-= beni – internet resource optimization´s last blog ..TCP Optimizer buat optimasi akses dial-up internet =-.
Langsung dicoba pak….
makasih atas tutorialnya
Nyampe kemari via google
salam kenal
.-= khairuddin syach Weblog´s last blog ..Mengembalikan Jati Diri Bangsa Call a Friend =-.
makasih infonya mas….kapan2 beta coba..
mampir jg blog beta ya mas…
.-= irawan´s last blog ..Jakarta Meledak Lagi =-.
to beni: mm… sebaiknya jangan gambar deh.. karena orang justru tertarik pada bentuk teks dengan menggunakan bahasa ‘iklan’ yang menarik. Lagian kalo gambar, ntar malah mengganggu.
Mas, gimanasi buat blog kaya mas rosihan atau mas hengki, saya sudah buat blog namanya http://layahtasib.blogspot.com tapi masih cukup sederhana. Tolong bantuannya. Terima kasih
to A. Suryana: sederhana tak mengapa asal kontennya berkualitas dan banyak manfaatnya
Karena orang akan cenderung suka konten daripada desain blognya.
Mas,kapan donk di posting tentang form “import from URL” nya?
Saya setiap hari cek blog mas dan nunggu sampe form nya di posting. . .
Tolong lah mas,saya sangat perlu bantuan anda
terimakasih atas infonya,,.
semoga mkin sukses.,,,,
^_^
.-= bay´s last blog ..Free Ebook WebProgramming =-.
blogwalking…
salam kenal mas…
saya newbie di dunia internet bisnis seperti ini dan sangat senang mendapatkan tulisan bermanfaat seperti ini
.-= thedollarcorner´s last blog ..2+5+1 [part 1] =-.
makasih pak.. good job
.-= Ahmed Ridho´s last blog ..Bersyukurlah =-.
mantaap bener nih… lumayan juga pak, bener kata njenengan, rate per-kliknya lumayan… maknyuuusss…
.-= masiqbal´s last blog ..WordPress mobile =-.
to masiqbal: he 3x betul kan gan kata ane?? wah apalagi kalo pake yang script advanced buatan saya di atas.. tambah seru pastinya.
kayaknya bagus nih di pajang blog aku.. hehehehe but aku udah coba tutorialnya mas gan nih..Meski aku masih newbie pokoknya your script is the best TOP Abizz… ..
hehehehe
oya, btw aku jadi mo beli nih versi update nya, karna banyk komen menarik n aku juga mo praktekin langsung script baru mas gan.. btw klo beli script nya mas gan bayar lewat pulsa hp bloeh gak?? ^_^ yupz klo lewat bank transfer 30 ribu malu mas gan..
to m3y: he.. 3x salam kenal mbak m3y… wah kayaknya pulsa saya dah cukup banyak deh… kalo 30rb sepertinya jauh lebih diperlukan deh… bisa buat beli bakso, mie ayam, sate, gado-gado, dll….
ayo dunz mas gan.. plizz ..hehehe
Bank besok sabtu kan tutup .. ^_^
wah lumayan mas gan banyak pulsa , bisa buka counter pulsa online
mas gan, aku udah coba mo transfer via atm mandiri 30rb , batas minimum transfer 50 rb gan, mas gan punya alternatif lain?? confused ..
to M3Y: waduh… iya-ya… ya udah deh, pulsa juga boleh
Tolong kirim pulsanya ke no 085728434754 ya, kebetulan mo habis pulsanya he 3x..
yaudah nanti sore aku transfer pulsa nya ke no mas gan… lagi kuliah nih.. ^_^
oya btw m3 ntu gak ada pulsa 30 rb.. jadi nanti aku kirim 2 kali … 25 rb + 5 rb .
mas gan btw nanti klo gak ada pulsa elektrik, aku kasih nomor voucher.. ^_^
.-= M3Y´s last blog ..Mengganti background posting dengan warna/gambar =-.
mas gan , barusan saya sudah tansfer pulsa 30 rb langsung dari hp aku 0856XXXX22771… udah terima belum? alamat email aku : admin@artikelinternet.com
to m3y: udah masuk mbak… dan sudah saya kirim ke emailnya. Met nginstall ya…
to m3y: ok… saya tunggu ya konfirmnya.
mas gan, aku confused bangett aku udah ikutin petunjuknya…buat database user passwor,diedit para meternya upload adsphp n koneksi ,edit header masukkan lamp. 1 & 2.. pas udah slsai malah ada tulisan aneh … ada kesalahan pada header line 50… langsung dinormalin aja tutorial mas gan yang pertama..
to m3y: pesan kesalahannya apa mbak mey? ada YM gak? kalo ada, ntar tak support untuk installnya.
aku udah ikutin petunjuk kedua dari mas gan di email.. tahap hampir selesai .. tapi pas Buka file dumpsql.sql lalu copy and pastekan ke dalam
kotak ‘Run SQL query/queries on database’ dalam phpmyadmin.
Klik tombol GO.
Muncul tulisan :
MySQL said: Documentation
#1064 – You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ‘CREATE TABLE userlogin (
username varchar(20),
password varchar(32),
PR’ at line 7
dan aku coba reload blog aku ada tulisan :
Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/artikeli/public_html/wp-content/themes/Padangan/header.php on line 62
dan aku mu coba masuk login pake user dan pass sesuai petunjuk ke http://www.artikelinternet.com/adsadmin.php
Muncul Tulisan Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/artikeli/public_html/adsadmin.php on line 28
Login gagal
Balez ke email aku ya mas gan
Makasi ^_^
.-= M3Y´s last blog ..Trik Memunculkan kolom komentar pada halaman page wordpress =-.
Floadteks Update mas gan memang Mantap..
MISSION COMPLETED..makasi yiaa mas gan … akhirnya kelar juga padahal aku gak ngerti sama sekali tentang php ntu… berkat kemauan dan bimbingan mas gan Rosihan sekarang aku sedikit memahami,semua Lancar tanpa hambatan … Love you mas gan .. Pokoknya Best Seller dah. ^_^ bagi para blogger jangan ragu beli di mas gan rosihan… Dijamin Best Seller.!!
klik disini untuk preview..
.-= M3Y´s last blog ..Trik membuat teks berjalan dengan marquee =-.
to m3y: he 3x akhirnya kelar juga mbak… selamat ya.. mudah2an CTR nya tinggi deh… Ayo.. ayo siapa lagi yang mo beli scriptnya??
interesting.. siap2 nransfer jugak..
Pak Ari saya pasang script nya tapi kolom komentar pada artikel saya hilang. silahkan pa ari cek di http://lkmnonly.web.id diruang mahasiswa online ga ada kolom komentar…tolong penjelasanya.
.-= lukman´s last blog ..Cara Cepat Menyusun Skripsi =-.
@lukman: tapi kok di artikel lain gak hilang ya? kalo menurut logika karena auto scrolling di atas hanya menggunakan javascript seharusnya tidak mempengaruhi script wordpress nya yang menggunakan PHP. atau mungkin anda telah menonaktifkan komentar pada artikel ‘zona mahasiswa online’?
wah uplodnya pakai apa yaa ?
saya baru pemula tetapi sudah sangat tertarik disini.
Banyak sekali pelajaran dan bahasa yang sederhana dan mudah.
Akan saya pelajari semua. Tetapi ya maklum otak saya agak ga tek.
@ordni: uploadnya bisa pake software FTP seperti WinSCP, FileZilla, CuteFTP dll, atau bisa juga via File Manager di Cpanel.
mantap dah bang…..
walaupun widget Vslider ku agak ketahan
tapi dengan sdikit akal bjat
bisa juga jalanx
thanks so much
.-= muktashim´s last blog ..Minal Aidzin Wal Faidzin =-.
btw panel nya itu ada di manayah mas ??
.-= muktashim´s last blog ..Minal Aidzin Wal Faidzin =-.
@muktashim: untuk panelnya itu beli dari saya mas. kalo yang saya jelaskan di atas, memang hanya bisa untuk 1 pesan saja. Tapi dengan script panel yang dari saya bisa nampung lebih dari 1 pesan, dan nanti pesannya muncul secara random.
Artikel yang bagus dan bermanfaat.. Terima kasih sudah sharing dengan para blogger lainnya.. Salam kenal..
Just Another FUNtastic Blog
http://safril.wordpress.com/
@safril: salam kenal juga mas safril. Ditunggu kunjungan selanjutnya
Kalau ada saya ingin beli script upload download yang bisa merupakan plugin untuk wordpress. Saya sudah berhasil nyoba tutorial pak Rosihan Ari tentang Upload Download, tapi saya masih ragu keamanannya. Kalau ada bisa hubungi via email, makasih banyak atas tutorialnya.
@belajar ngeblog: maaf mas, saya belum pernah bikin plugin WP untuk script upload downloadnya.
maaf mau tanya nech…
scriptnya saya download kok g bisa di extrak ya
floatedtext.zip.html
trus ak rename menjadi floatedtext.zip
tetap g bisa dibuka
@pewok: lho kok downloadnya ada .html ya? coba download lagi mas.. jangan pake Accelerator.
sudah berhasil pak
terima kasih banyak….
info2 disini sangat bermanfaat sekali
@pewok: good luck ya..
mas, saya sudah coba.
tapi kok iklannya gak autoscroll dan gak ada tobol closed ya.
boleh di cek di web saya (baru launching)
mohon bantuannya
@ihsan: semua yang bertuliskan ‘alamatbloganda’ di scriptnya diganti dengan alamat blog anda sendiri dong mas…. saya lihat kok masih spt itu tulisannya?
Pak rosi, saya sudah pasang “scrolling text”nya, Tapi gimana mempercepat pergerakan scrolling textnya? terutama pas di scroll naik? kan kliatannnya kaya “ketinggalan” gitu pak.. Jadi terkesan mengganggu prasaan..
@surya triwijaya: coba anda edit file float.js nya, lalu cari bagian “duration: 350″, nah.. coba perkecil nilainya misalkan “duration: 1″.
kok kaya stipads punya MaxBlogger seh ?? dari dynamicdrive dot com………
@kanzenk: masa sih mas?
kalo untuk blogspot bisa ga pak? saya punya wordpress dan blogspot, mau saya pasang di dua blog tersebut..
di tunggu responnya.
@arton: sepertinya ndak bisa mas, karena untuk memasang script tsb kita harus upload script ke folder servernya dulu. Kalo di wordpress.com dan blogspot kan kita gak punya akses ke folder, seperti halnya hosting sendiri via cpanel.
wahh.. kirain gratis, ternyata bayar juga ya… ada yang gratis ga mas ? saya mau masukan ke web saya untuk jadual acara …