Notification texts go here Contact Us Buy Now!

f5bos

menambahkan efek lipatan di halaman blog

Raimu
ok Mat,, kali ini saya akan memberi Panduan Cara Membuat Efek Lipatan Pada Halaman di Blog. Panduan saya ini saya khususkan untuk para blogger pemula. Efek lipatan pada halaman di blog disebut juga "Page Peel Effect". Sebenarnya fungsi dari pembuatan efek lipatan ini hanya untuk membuat tampilan blog tersebut lebih unik dibanding blog lainnya. Dalam perkembangannya, efek lipatan ini dirasa sangat menarik. Sehingga efek lipatan ini banyak dipakai oleh blogger. Perlu diketahui, uniknya dari efek lipatan ini kalau sobat mengarahkan kursor mouse sobat di bagian pojok kanan atas halaman web tersebut, maka halaman tersebut akan kelipat atau kebuka, namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (disesuaikan) yang biasanya kalau diklik akan diarahkan ke suatu halaman lain seperti halaman RSS blog ataupun bisa berupa halaman lainnya.    ok".. Mat langsung ajah ke pemanduhannya :
  1. Login ke Blogger
  2. Klik Template
  3. Klik Edit HTML
  4. Klik Lanjutkan dan beri tanda centang pada tulisan "Expand Widget Template"
  5. Cari kode <b:skin><![CDATA[
  6. Copy dan Paste kode di bawah ini, tepat di atas kode <b:skin><![CDATA[                        <script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.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. Lalu cari kode ]]></b:skin> dan letakkan kode berikut ini  di atasnya                            #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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggmi14Cc9joxCYoA4tcE3slzYaHHHuJgWk9MAsruDTGtI3PEkTfdxqwoK12Zj9BhvwchURoUh-VxHjcMvk6UcMxGnju0jKuvRer5A__MvUBD-KcmLOLCrjfu59hnjA2xZn0QNLOjQw1ZdI/) no-repeat right top;
    text-indent: -9999px;
    }
  8. Cari kode <body> dan letakkan kode berikut ini di bawahnya.                                                <div id='pageflip'>
    <a href='masukkan alamat Rss kalian' target='_blank'>
    <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDcdSocOiYKXDm-MUqxdXj7RxcWOy7mNwcaxBVh2b9BdqC52xQfVh5pnSohQI7kdK-NlMUsxICJIy7BqXfKaZOFpQV_d_FkvcntOkPO_bD2LdyrWN18hVkfxBadVTCGwpaKmZMH08B7w7-/'/>
    <span class='msg_block'/>
    </a>
    </div>

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
datiflink