Mumpung kerjaan ngak lagi padet dan acara tv masih juga di penuhi
sinetron dengan adegan adegan Cengeng yang alur ceritanya sangat
membosan kan, lebih baik aku akan share tentang cara membuat effec
lipatan di pojok halaman blog (biasanya ada di sebelah pojok kanan atas)
yang di kenal dengan nama Effec Page Flip
akan bekerja jika cursor kita arah kan tepat di atas nya ,banyak fungsi
yang kita dapat apabila kita menempat kan Effec Page Flip pada blog
selain penempatan Page Flip ini untuk subscribe postingan blog juga
membuat blog nampak keren(hanya menurut penulis) kita juga bisa pasang
Iklan dan lain lain ...
Nah untuk Cara pembuatanya ikuti tutorialnya seperti di bawah ini
dan untuk gambar yang berwarna kuning ganti dengan alamat link yang akan di tuju sobat jika gambar di klik.
demikian tutorial Cara membuat Page Flip | Effec lipatan kertas di pojok halaman blog semoga bermanfaat dan saran dan kritikan sobat sangat diharap ..di kotak komentar...
Nah untuk Cara pembuatanya ikuti tutorialnya seperti di bawah ini
- Login ke Bloggger.com
- Masuk ke dasboard
- Edit HTML jangan lupa download lengkap dulu template takut jika terjadi kesalahan
- Cari kode <b:skin><![CDATA[ dan pastekan kode di bawah ini tepat di atas kode <b:skin><![CDATA[ berikut kodenya :
- Kemudian cari kode ]]></b:skin> lalu masukkan kode di bawah ini tepat di ats kode ]]></b:skin> berikut kode nya
- Kemudian Cari kode <body> dan Patekan kode di bawah ini tepat di atas kode <body> berikut kodenya :
- Lalu save template
<script src='http://code.jquery.com/jquery-latest.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>
#pageflip { position: relative; right: 0; top: 0; float: right; }
#pageflip img { width: 100px; height:100px; 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://kangmahfid.googlecode.com/files/provil.png) no-repeat right
top; }
<div id='pageflip'> <a href='url tujuan'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig12dJK3m6JDRQJtaJ7fuTJtaiLYxhVk64zcb7z-MkRkekSYYcr3RIjXBO6wEXQ_oDbP7RfzlOm7AwATp0G3FLtx9RPbCzGORjwKyCXk9VlkHgAQ-U5KSUv3D-Vp1_p6323QPdQpklso4/s1600/pageflip.png'/> <span class='msg_block'/> </a></div>
dan untuk gambar yang berwarna kuning ganti dengan alamat link yang akan di tuju sobat jika gambar di klik.
demikian tutorial Cara membuat Page Flip | Effec lipatan kertas di pojok halaman blog semoga bermanfaat dan saran dan kritikan sobat sangat diharap ..di kotak komentar...
0 komentar:
Posting Komentar