Membuat efek PageEar (Membuka/melipat disudut atas blog)

Kwan Blogger yang mungkin sudah pernah melihat dan memakai tips ini memang tips ini saya release ulang. dulu pernah saya pakai, ketika awal pertama menggunakan domain ini, sekitar 2 tahun yang lalu, ceritanya nostalgia.

Baik saya beri contoh pageear itu seperti tampilan pada gambar dibawah ini, disebelah kanan atas blognya terdapat animasi flip kertas terbuka. nah itulah yang disebut pageear.

 jika ingin melihat demonya klik gambar diatas

 Cara Pembuatan :

1. Download dulu file PageEar.rar
2. Kemudian Extrack file pageear.rar di folder anda.
3. Silahkan Edit File pageear.js (menggunakan notepad)

Catatan: dalam file pageear.js inilah semua konfigurasi arah link/URL dan image yang anda perlukan. berikut kode yang perlu dirubah arah linknya yang warna biru.

var pagearSmallImg = 'http://hostinganda.com/pageear_s.jpg'; var pagearSmallSwf = 'http://hostinganda.com/pageear_s.swf'; var pagearBigImg = 'http://hostinganda.com/pageear_b.jpg'; var pagearBigSwf = 'http://hostinganda.com/pageear_b.swf'; var jumpTo = 'http://alamatbloganda.com/'

Ubah 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 image diatas, silahkan upload kembali ke server milik anda.

 Upload file yang ada dalam folder :

1. AC_OETags.js
2. pageear.js
3. pageear_s.jpg';
4. pageear_s.swf';
5. pageear_b.jpg';
6. pageear_b.swf

ke server milik anda misalkan gratis :
dan buat akun baru dengan domain yang gratis juga : http://misal.16mb.com

Pemasangan pada script pada blog
Silahkan copy kode dibawah ini, dan ganti link warna biru dengan link hostingan anda.

<script language='javascript' src='http://hostinganda.com/AC_OETags.js'/> <script src='http://hostinganda.com/pageear.js' type='text/javascript'/> <script type='text/javascript'> writeObjects(); </script>

Untuk meletakan script taruh diatas kode </head> pada halaman Edit HTML Template anda.

Semoga membantu !
Selamat Mencoba

7:00 PM