Masih di Variasi Blogger share Cara Membuat efect lipatan pada pojok blog cekidot
Silahkan sobat Copy Paste script di bawah ini simpan sebelum <b:skin><![CDATA[/* di Edit HTML blog sobat
<script src='https://sites.google.com/site/brotherrickyxp/home/utk-file-js/tempelatas.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '207px',
height: '230px'
}, 100);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 100);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 100);
});
});
</script>
kemudian Copy Paste kembali script di bawah ini simpan sebelum kode ]]></b:skin>
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://4.bp.blogspot.com/-wLR2ZFQoTqk/TdS6Ma5EDoI/AAAAAAAAADM/VCfE_zQX098/s220/screenshot4.jpg) no-repeat right top;
}
Silahkan sobat ganti script yang berwarna merah dengan alamat gambar sobat , masih ada sobat silahkan Copy Paste kembali script di bawah ini , simpan dibawah kode <body>
<div id='pageflip'>
<a href='http://variasiblogger.blogspot.com/'>
<img alt='' src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>
Silahkan sobat ganti script yang berwarna merah di atas dengan alamat link yang akan sobat pasang , simpan dan lihat hasilnya semoga bermanfaat
sumber
Update
Jika sobat tidak bisa menggunakan script di atas , sobat bisa gunakan cara kedua ini cekidot
Silahkan sobat cari kode <head> jika sudah ketemu silahkan simpan kode script di bawah ini sesudah kode <head>
<script type='text/javascript'>var tujuan ='LINK TUJUAN DISINI'</script>
<script src='https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/page_peel_efect.js/' type='text/javascript'/>
Catatan :
Jika sobat ingin mengganti gambarnya silahkan sobat edit di file js di atas karena gambar di file js tersebut adalah gambar facebook , sobat bisa edit kembali sesuai keinginan sobat semoga berhasil
kenapa saya mencari kode body dengan CTRL+F tidak ketemu?
BalasHapusmohon penjelasannya
saya cek di website sobat ada kok sob... :D
Hapusterimakasih sobat atas infonya sekali lagi terima kasih
BalasHapusmakasih ya
BalasHapussudah berhasil
senang berkunjung ke blog anda :D
yups.. :) sama - sama sob , semoga bermanfaat..
Hapuskalau mau gantikan gambar facebook itu dengan gambar sendiri gimana bro? luckyciera@gmail.com ditunggu balasanya
BalasHapustinggal edit file jsnya sob.. :D nih link file jsnya
Hapushttps://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/page_peel_efect.js/
nanti didalam kode script js tersebut ada link gambar
http://1.bp.blogspot.com/-nYi5vLVH6YI/UdTIwhN0JAI/AAAAAAAACY0/BxrTJMDTu70/s200/gambar_kecil_page_peel.png
dan
http://4.bp.blogspot.com/-Mw1KtYfk67U/UdTIc44HOtI/AAAAAAAACYs/w-YCOckez-I/s700/gambar_besar_page_peel.png
silahkan ganti dengan gambar pilihan sobat :)
terimakasih sob, infonya..
BalasHapusya sob semoga bisa dipasang efect lipatan pada pojok blogs sobat :)
Hapus