Cara Membuat efect lipatan pada pojok blog

Belajar SEO dan Blog Bagi pemula
Cara Membuat efect lipatan pada pojok blog

Masih di Variasi Blogger share Cara Membuat efect lipatan pada pojok blog cekidot

Silahkan sobat Copy Paste script  di bawah ini simpan sebelum <b:skin><![CDATA[/* di Edit HTML blog sobat

<script src='https://sites.google.com/site/brotherrickyxp/home/utk-file-js/tempelatas.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;207px&#39;,
height: &#39;230px&#39;
}, 100);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 100);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 100);
});
});
</script>

kemudian Copy Paste kembali script di bawah ini simpan sebelum kode ]]></b:skin>

#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://4.bp.blogspot.com/-wLR2ZFQoTqk/TdS6Ma5EDoI/AAAAAAAAADM/VCfE_zQX098/s220/screenshot4.jpg) no-repeat right top;
}

Silahkan sobat ganti script yang berwarna merah dengan alamat gambar sobat , masih ada sobat silahkan Copy Paste kembali script di bawah ini , simpan dibawah kode <body>

<div id='pageflip'>
<a href='http://variasiblogger.blogspot.com/'>
<img alt='' src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>

Silahkan sobat ganti script yang berwarna merah di atas dengan alamat link yang akan sobat pasang , simpan dan lihat hasilnya semoga bermanfaat

sumber

Update

Jika sobat tidak bisa menggunakan script di atas , sobat bisa gunakan cara kedua ini cekidot

Silahkan sobat cari kode <head> jika sudah ketemu silahkan simpan kode script di bawah ini sesudah kode <head>

<script type='text/javascript'>var tujuan =&#39;LINK TUJUAN DISINI&#39;</script>
<script src='https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/page_peel_efect.js/' type='text/javascript'/>

Catatan :

Jika sobat ingin mengganti gambarnya silahkan sobat edit di file js di atas karena gambar di file js tersebut adalah gambar facebook , sobat bisa edit kembali sesuai keinginan sobat semoga berhasil


Share to

9 Responses to "Cara Membuat efect lipatan pada pojok blog"

  1. kenapa saya mencari kode body dengan CTRL+F tidak ketemu?
    mohon penjelasannya

    BalasHapus
    Balasan
    1. saya cek di website sobat ada kok sob... :D

      Hapus
  2. terimakasih sobat atas infonya sekali lagi terima kasih

    BalasHapus
  3. makasih ya
    sudah berhasil
    senang berkunjung ke blog anda :D

    BalasHapus
    Balasan
    1. yups.. :) sama - sama sob , semoga bermanfaat..

      Hapus
  4. kalau mau gantikan gambar facebook itu dengan gambar sendiri gimana bro? luckyciera@gmail.com ditunggu balasanya

    BalasHapus
    Balasan
    1. tinggal edit file jsnya sob.. :D nih link file jsnya

      https://sites.google.com/site/variasibloggerblogspotcom/widget_variasi_blogger_blogspot_com/page_peel_efect.js/

      nanti didalam kode script js tersebut ada link gambar

      http://1.bp.blogspot.com/-nYi5vLVH6YI/UdTIwhN0JAI/AAAAAAAACY0/BxrTJMDTu70/s200/gambar_kecil_page_peel.png

      dan

      http://4.bp.blogspot.com/-Mw1KtYfk67U/UdTIc44HOtI/AAAAAAAACYs/w-YCOckez-I/s700/gambar_besar_page_peel.png

      silahkan ganti dengan gambar pilihan sobat :)

      Hapus
  5. terimakasih sob, infonya..

    BalasHapus
    Balasan
    1. ya sob semoga bisa dipasang efect lipatan pada pojok blogs sobat :)

      Hapus

Jika ada Tutorial Info Blog Indonesia ini, yang kurang dimengerti silahkan luangkan saja waktu anda untuk berkomentar, karena pertanyaan anda sangat berharga untuk perkembangan dan kemajuan blogs ini.

Soalnya diblogs ini adalah wadah untuk belajar mengenal webs/blogs, disini kita sama - sama belajar, seandainya anda adalah seorang pakar blogger profesional atau pakar seo indonesia bimbinglah saya, untuk menulis artikel berkualitas.

Oia sebelum menyisipkan script silahkan gunakan tools konversi terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Terimakasih.. salam kenal dan salam hangat untuk blogger indonesia, yang selalu setia di Info blog Indonesia variasi blogger.

¯\(◕ ‿◕)/¯



convert TOS

Panduan, Bimbingan Cara Belajar Blogs dan Seo