Letak page peel/flip di blog


mmmmm apa terjemahan yang sesuai untuk page peel/flip ni eik, tak reti plak nak tukar dalam bahasa melayu kita ni, any suggestion?
Untuk lihat demo sila ke sini

Okey la bagi yg nak letak effect page peel/ flip ni boleh la cuba try ikut langkah kat bawah ni eik:

  1. Pergi ke bahagian Design -> Edit HTML
  2. Sebagai langkah keselamatan, sila Download Full Template
  3. Cari perkataan </head>, Kemudian copy dan paste code dibawah sebelum perkataan </head> tadi.
    <style type="text/css">
    img { behavior: url(iepngfix.htc) }
    #pageflip {
    position: relative;
    right: 0; top: 0;
    float: right;
    }
    #pageflip img {
    width: 50px; height: 52px;
    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://heartbeat.my/aff/250X250a.gif) no-repeat right top;
    }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
    <script type='text/javascript'>
    $(document).ready(function(){
    //Page Flip on hover
    $(&quot;#pageflip&quot;).hover(function() {
    $(&quot;#pageflip img , .msg_block&quot;).stop()
    .animate({
    width: &#39;307px&#39;,
    height: &#39;319px&#39;
    }, 500);
    } , function() {
    $(&quot;#pageflip img&quot;).stop()
    .animate({
    width: &#39;50px&#39;,
    height: &#39;52px&#39;
    }, 220);
    $(&quot;.msg_block&quot;).stop()
    .animate({
    width: &#39;50px&#39;,
    height: &#39;50px&#39;
    }, 200);
    });
    });
    </script>


    Tukar URL berwarna merah ke image yg korang nak letak (saya letak gambar heartbeat)

  4. Cari perkataan <body>, Kemudian copy dan paste code dibawah selepas perkataan <body> tadi. Tukar URL ke hearthbeat ke URL korang sendiri

    <div id='pageflip'>
    <a href='http://heartbeat.my?rid=6250'><img alt='' src='
    http://2.bp.blogspot.com/_1fRuBdlSpLw/TJcc3k62mWI/AAAAAAAAAps/uSj6nCe_CB4/s1600/page_flip.png'/></a>
    <div class='msg_block'></div>
    </div>


  5. Save Templates

No comments:

Post a Comment