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