Home » , » Membuat Efek Lipatan Kertas Di Blog

Membuat Efek Lipatan Kertas Di Blog

Posted by Mbs Blog on Tuesday 18 June 2013

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 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

Cara Membuat Efek Lipatan Kertas Di Blog


0 comments:

Post a Comment

Sebagai Blogger yang Baik. Wajib di baca dan di taati
Aturan Berkomentar :

1. Berkomentar menggunakan bahasa yang enak didengar. Tidak Untuk
menyinggung perasaan orang Lain.
2. Berkomentar sesuai topik
3. Berkomentar menggunakan Keyword di anggap SPAM
5. Berkomentar Sesuai Kewajaran (NO SPAM,NO SARA, NO PORN*)
6. Hindari Penggunaan Link Aktif (Akan dihapus Otomatis)
7.Kalau Mau ngopy-paste artikel disini, Mohon Cantumkan/Berikan sumbernya.

Terima kasih !!