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'/>Nah setelah itu masih ada Lagi yang perlu anda cari, yaitu ]]></b:skin>
<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>
Jika sudah ketemu, letakkan kode Berikut tepat di atas kode ]]></b:skin>
#pageflip {Kemudian cari lagi kode seperti ini <body>
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;
}
dan letakkan kode berikut tepat di bawah kode <body>
<div id='pageflip'>Keterangan:
<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>
*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 (Jkt/2011).
Posting Komentar