Free Ebook Tutorial from Rosihan Ari's Blog

Ebook Javascript | Ebook PHP | Ebook AJAX | Ebook CSS | Ebook FPDF | Ebook Wordpress | Ebook Java SE




Cara Memasang Auto Scrolling Text di WordPress


July 23rd, 2009 | by rosihanari |


Jual kaos

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:

  1. Silakan download scriptnya terlebih dahulu di sini
  2. Ekstraklah file hasil download tersebut di komputer Anda. Hasil ekstrak file download akan menghasilkan 3 file.
  3. 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.
  4. 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>

    <style type="text/css">
          #message_box {
           position: absolute;
           top: 0; left: 0;
           z-index: 10;
    	   background:#ffc;
    	   padding:5px;
           border:1px solid #CCCCCC;
           text-align:center;
           font-weight:bold;
    	   font-family: arial;
           width:99%;
          }
    </style>
    
    <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.

  5. 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 :-)

Photobucket

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.

Photobucket

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 :-)


Kata kunci: auto scrolling text wordpress - pasang iklan wordpress -


 

Komentar Anda ...