Assalamualaikum wr.wb. kali ini saya akan posting tentang
Cara Membuat Efek Lipatan Kertas Di Blog.Dulu,sekitar 1/2 bulan yang lalu salah satu web besar asal indonesia kompas.com(kalo ga salah :P ) menggunakan cara ini untuk menaruh salah satu iklan dari advertisernya
Lalu apa fungsi dari widget ini ? seperti yang sudah saya sebutkan diatas widget ini bisa membuat "space" baru untuk menaruh script iklan advertiser blog kita dan lokasinya cukup strategis yaitu pojok kanan atas blog kita,apkah ini melanggar TOS ? ini tergantung dari pihak advertisernya sendiri,apakah dari GA,chitika,ataupun idblognetwork
untuk melihatnya bisa anda lihat disini
cara pasangnya anda cukup ikuti cara berikut
- 1.buka blogger > blog anda
- 2.template > edit html
- 3.cari kode ]]></b:skin> (gunakan CTRL+F)
- 4. pastekan kode berikut dibawah kode ]]></b:skin> tadi
#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(URLGAMBARANDA)
no-repeat right top;
text-indent: -9999px;
}
5.ubah URLGAMBARANDA dengan url iklan anda contoh gambar blog saya (http://i.picasion.com/pic67/ea5e4cbe42681b687b465c29c130d62f.gif)
6.copy kode ini lalu taruh diatas </Head>
<script src='http://monozcore-project.googlecode.com/files/script%20page%20peel.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>
7.cari kode <body> lalu pastekan kode ini dibawahnya
<div id='pageflip'>
<a href='http://infomenarikdanbermanfaat.blogspot.com/2013/06/cara-membuat-efek-lipatan-kertas-di-blog.html' target='_blank'>
<img alt='' src='http://lh4.googleusercontent.com/-E4pceRFNDIE/T047Qpmfo5I/AAAAAAAABOs/2QTA5duAUg0/s800/sc-page-peel.png'/>
<span class='msg_block'/>
</a>
</div>
8. ubah
http://infomenarikdanbermanfaat.blogspot.com/2013/06/cara-membuat-efek-lipatan-kertas-di-blog.html dengan URL tujuan anda
9.pratinjau,jika sudah pas klik simpan
jika ada yang ingin agan tanyakan silahkan berkomentar/mengcontact saya di fb yang bisa anda lihat urlnya di bagian contact us.assalamualaikum wr.wb.
