Senin, 11 Januari 2010

Menayangkan iklan bergaya PageEar (PagePeel)

PagePeel atau biasa disebut juga dengan istilah PageEar, Magic Corner, PeelAd, peel away ad atau apalah namanya, merupakan salah satu cara lain menayangkan iklan dengan gaya (style) yang berbeza. Tidak seperti tampilan iklan banner pada umumnya, jika anda mengarahkan tetikus pada area PagePeel ini, maka akan terlihat halaman menggulung seperti anda membuka selembar kertas dan menemukan halaman lain di lembar sebaliknya. Tujuan utama memasang PagePeel tentu shj ingin mendapatkan perhatian lebih besar dari pengunjung untuk mengkliknya.



Salah satu contoh blog popular yang menerapkan PagePeel adalah Johnchow.com. Namun sayang sekali, mereka sendiri menjual layanan PagePeel (peel away ad) ini seharga $37.00. Yang bayar, tidak perlu berkecil hati dan jangan sampai mengeluarkan dana paypal anda untuk membelinya. Dari semua nama Page Peel yang saya sebut di atas, terus terang hanya ada satu layanan saja yang berani beri percuma, iaitu PageEar.




Meskipun percuma, PageEar tak tewas dengan versi PagePeel berbayar, salah satu kelebihan yang unggul iaitu kemampuan PageEar untuk menjalankan gambar dan suara sekaligus. Kerana PageEar dijalankan via Flash dan JavaScript based, jadi anda dapat menggunakannya pada platform (blog/site) apa saja, termasuk blogger sudah tentunya :)
Beberapa kelebihan menarik dari PageEar:
  • NEW! Pageear is scalable now. You can change the peel size 100×100 and 500×500 Pixel by your own.

  • Plays MP3-Files on startup, open and close of Pagepeel.

  • Possibility to leave peel open and wait for userklick to close. Close text is editable.

  • Place it on the left or right upper corner

  • Open and close automaticly after X seconds

  • Speed of the small pageear could be changed

  • Flashcheck (Adobe© Flash Detection)

  • Reflecting image on corner

  • Color of the pagecorner

  • Link target on external side or own (self, new)

  • Downwardcompatibly up to Flashversion 6

  • Runs on nearly all Browser (FireFox, InternetExplorer, Opera, Safari, etc.)




Tutorial Cara Pasang (Install):
1. Download dulu file PageEar v1.4
2. Kemudian Extract file pageear_v14.zip di folder anda.
3. Silakan Edit File pageear.js (menggunakan notepad/wordpad misalnya)

Note: dalam file pageear.js inilah semua konfigurasi yang anda perlukan. Supaya anda tak kelihatan pusing tujuh keliling, saya sertakan shj contoh dari beberapa kemungkinan yang perlu anda edit. Lihat kod yang diedit dengan warna merah.


var pagearSmallImg = 'http://alamat-server-anda.com/pageear_s.jpg';

var pagearSmallSwf = 'http://alamat-server-anda.com/pageear_s.swf';

var pagearBigImg = 'http://alamat-server-anda.com/pageear_b.jpg';

var pagearBigSwf = 'http://alamat-server-anda.com/pageear_b.swf';

var jumpTo = 'http://alamatbloganda.com/'

Sebenarnya masih banyak konfigurasi yang lain, selebihnya bacalah kat manualnya.

4. Upload semua file yang ada dalam folder pageear_v14/pageear/ ke server milik anda (pages.google.com misalnya)

5. Langkah akhir lakukan pemanggilan javascript, atau copy paste aje kod dibawah ini. jangan lupa dengan menggantikan alamat url dibawah yang ditandai dengan warna merah :




Untuk pengguna blogger silakan letak aje script di atas di bawah kod <data:blog.pageTitle/> pada halaman Edit HTML. Kalau tak jumpa kod tersebut, sila tekan butang ctrl+F pada keyboard anda untuk search kod tersebut.


Bagaimana hendak mengubah image sesuai keinginan anda?

Pertama, buat image dengan ukuran 100x100 pixel, lalu simpan dengan nama pageear_s.jpg kemudian dengan cara yang sama, buat lagi image dengan ukuran 500x500 pixel, lalu simpan dengan nama pageear_b.jpg Jika anda sudah membuat kedua-dua image diatas, silakan upload kembali ke server milik anda.

Selamat Mencuba... happy blogging with Johan Rakyat

0 comments:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More