Cara Membuat Efek Page Pell

Efek Page Pell ini sangat menarik jika kita lihat dalam sebuah blog. Biasanya Efek Page Pell ini adalah lipatan salah satu dari sudut bloh yang apabila kursor diarahkan kesalah satu sudut yang dipasang efek pge pell. Sebelum memberikan tip ini, saya mendapatkan tips ini dari teman saya Okri.
Jika teman-teman berminat untuk menampilkannya pada blog anda, silahkan ikuti langkah-langkah berikut.
Sperti biasa,,,,,

Login>>>Rancangan>>>Edit HTML

Nah jika sobat t'Net sudah berada pada halaman Edit HTMl, kemudian cari kodeseperti ini
<b:skin><![CDATA
Lalu Letakkan kode berikut tepat diatas kode <b:skin><![CDATA

<script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>

Nah setelah itu masih ada Lagi yang perlu anda cari, yaitu ]]></b:skin>
Jika sudah ketemu, letakkan kode Berikut tepat di atas kode ]]></b:skin>

#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(http://software2iqbal.files.wordpress.com/2009/11/berlangganan_kelipat.png) no-repeat right top;
text-indent: -9999px;
}

Kemudian cari lagi kode seperti ini <body>
dan letakkan kode berikut tepat di bawah kode <body>

<div id='pageflip'>
<a href='http://feeds.feedburner.com/kartajaya25' target='_blank'>
<img alt='' src='http://software2iqbal.files.wordpress.com/2009/11/gambar_kelipat.png'/>
<span class='msg_block'/>
</a>
</div>

Keterangan:
*Tulisan yang berwarna Biru adalah alamat yang akan dituju, sebaiknya anda ganti dengan alamat URL Fedd Anda
**Tulisan yang berwarna hijau adalah URL background, silahkan anda ganti sesuai selera.

Kemudian silahkan anda Simpan template, dan lihat hasilnya.

Selamat Mencoba, semoga berhasil.

0 komentar:

Sekedar catatan:

Kotak pada kolom blok komentar ini masih kosong. Maka merupakan suatu kehormatan jika sobat menjadi orang yang paling pertama menuliskan komentar, baik berupa pujian, masukan, kritikan, maupun pertanyaan di kolom komentar yang terletak di bawah kotak ini.

Tak ada yang bisa saya berikan selain ucapan terima kasih karena telah memberikan apresiasi terhadap artikel-artikel KARTA JAYA WEB

Posting Komentar

KARTA JAYA WEB

9 Februari 2011

Cara Membuat Efek Page Pell

0 komentar: