Cara membuat gulungan disudut blog

Cara membuat efek gulungan disudut blog -- Atau dengan kata lain membuat efek seoalah-oleh menggulung atau terlipat pada sudut blog. Cara ini mudah saja sebenarnya, seperti biasa hanya bermain script dengan perintah tertentu sehingga terciptalah  efek gulungan disudut blog sesuai dengan yang kita inginkan. Berikut adalah Cara membuat efek gulungan disudut blog : Cara ini berlaku untuk pengguna blogspot. Pertama sobat login ke blog sobat --> Edit HTML --> beri centang expand widget template. Lalu sobat cari kod'e < b:skin>< ![ CDATA [ kemudian sobat copy kod dibawah dan letakkan diatasnya.

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

Jika sudah, cari lagi kod ]]> untuk membuat syle CSSnya, copy kod dibawah letakkan diatas ]]>

#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://i898.photobucket.com/albums/ac186/mboed_2010/Untitled-1.png) no-repeat right top; text-indent: -9999px; }

http://i898.photobucket.com/albums/ac186/mboed_2010/Untitled-1.png

Terakhir cari kod'e < body> dan copy lagi kod dibawah letakkan dibawahnya.

< div id='pageflip'> < a href='http://i898.photobucket.com/albums/ac186/mboed_2010/gambar_kelipatan.png' target='_blank'> < img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Ka_O7KIDNPsYXpZdpd8vuzBqohWB1Z6YaO4GuJM5ihFgZZfOr2JoQTbWFxiqYouHgONfv5eVGjayqWuYj9LBSZOc_vNx97A4o3ElVAYyVXTiKQKH4IHTvba7AO1J5AeYA08ahvWEaB13/'/ > < span class='msg_block'/> < /a> < /div> http://i898.photobucket.com/albums/ac186/mboed_2010/gambar_kelipatan.png