Pernah kalian melihat blog yang sudutnya mempunyai gulungan-gulungan aneh ? Nah.. kali ini kita akan membahas gimana cara Membuat Gulungan di Sudut Blog, kalau belum pernah lihat cek ke situs Radar Banyuwangi. Gimana ? Tertarik dan cocok untuk di blog kalian ? Ikuti langkah di bawah berikut
- Login ke Blogger
- Klik Design > Edit HTML > centang 'Expand Widget Template'
- Pasang kode berikut di atas kode ]]></b:skin>
#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(http://kon.tl/deopra) no-repeat right top;text-indent: -9999px;}
#Ganti kode yang berwarna hijau dengan link kode gambar (300px x 300 px) yang kalian inginkan
#Bisa juga diganti dengan gambar dengan link berikut http://kon.tl/deopr
- Kemudian pasang lagi kode berikut di bawah kode <b:skin><![CDATA[ atau <b:skin><![CDATA[/*
<script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.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>
- Selanjutnya pasang kode berikut di bawah kode <body>
<div id='pageflip'>
<a href='http://dopind.blogspot.com/' target='_blank'>
<img alt='' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png'/>
<span class='msg_block'/>
</a>
</div>
#Ganti kode yang berwarna Hijau dengan alamat blog atau link yang kalian ingin pasang
- Terakhir klik 'Save Template' dan tinggal lihat hasilnya seperti apa ^^
Tidak ada komentar:
Posting Komentar