Cara Membuat efect lipatan pada pojok blog

Print Friendly and PDF

Cara Membuat efect lipatan pada pojok blog

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
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;207px&#39;,
height: &#39;230px&#39;
}, 100);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 100);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 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 =&#39;LINK TUJUAN DISINI&#39;</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
Previous
Next Post »

WARNING..!! Etika BERKOMENTAR di Blog all's well :

a. Gunakanlah Perkataan yang Baik, Ramah dan Sopan
b. Komentar SPAM akan all's well HAPUS setelah direview
c. Komentar NEGATIF & RASIS akan Segera di HAPUS
d. Dilarang Menambahkan "LINK AKTIF" dalam Komentar

Note: "ANDA SOPAN KAMI PUN SEGAN" (all's well) ConversionConversion EmoticonEmoticon

Our Gallery