Sabtu, 12 Februari 2011

Cara Membuat Halaman Melipat

Sesuai dengan judulnya , Q bakalan ngasi tau cara membuat halaman melipat pada bLog , yang Q dapatkan dari hasil searching di oM goOGle n tepat'a disitus Wisata INformasi.

Ok langsung z,., wat yang lum tau tampilan'a atau hasilnya kyk gimana,. boleh dcH cek di blog Q ini, di pojok kanan atas... ada yang kelipet-kelipet gtu kn? eheheheh

Langkah pertama ; Seperti biasa, Login ke blogger --> Rancangan --> Edit HTML --> centang pada Expand Template Widget


Langkah kedua ; Cari kode :

<b:skin><![CDATA[
letakkan kode berikut di atas kode yang ada didalam kolom

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


Langkah ketiga ; Cari kode :

]]></b:skin>
letakkan kode berikut di atas kode yang ada di dalam kolom

#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/AVvXsEh7_wcr8DgELeNoIsA4MTvVkfLO9yqr3E-1OyBx2p9vXq2SlSD5nWorZMoTFSxqN17mfM7RaOCMMW1EvJNxMHGbt2mzBDtWiviqpmHBp65Ggt6zqXIg5g2VAAsIGDiWb-sJrJyxW8-n6mXp/) no-repeat right top;
text-indent: -9999px;
}

Langkah keempat ; Cari kode :

<body>
letakkan kode berikut di bawah kode yang ada di dalam kolom

<div id='pageflip'>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIbJioR1u5iTJUDjuXfaakA8ICqkSyeyrflv4HPOfgsVT86s87EpckyiKRRvl4FCwabg2MgjYPZVyYkIhI9y69SbgjU1sXKxf9D752HENJd5Wtsd-euDRn1hiREqnExGsvJlMag1aUIsQv/'/>
<span class='msg_block'/>
</a>
</div>

keterangan ; Kamu bisa mengganti kode diatas yang berwarna merah dengan Link yang kamu inginkan.. Saran ; Link RSS atau Link berlangganan.


Langkah terakhir ; Jangan lupa di simpan atau di save yoO !!!



---Untuk mengganti gambar dinding, kamu bisa mengganti URL yang berwarna merah pada kode berikut:

#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7_wcr8DgELeNoIsA4MTvVkfLO9yqr3E-1OyBx2p9vXq2SlSD5nWorZMoTFSxqN17mfM7RaOCMMW1EvJNxMHGbt2mzBDtWiviqpmHBp65Ggt6zqXIg5g2VAAsIGDiWb-sJrJyxW8-n6mXp/) no-repeat right top;
text-indent: -9999px;
}


''SELAMAT MENCOBA DAN SEMOGA BERHASIL"

6 komentar:

  1. thank om atas infonya, sangat bermanfaat

    BalasHapus
  2. rendy ;'' OM ??? hahahh sya msih kecil ...cwe lgiee...

    BalasHapus
  3. terima kasih..tp knpa lipatan blog saya ada di bwah?

    BalasHapus
  4. @ aLFIAN ;'' cek dulu..mungkin salah meletakkan kode..

    BalasHapus
  5. Along these lines, there's no point in having ridiculous perspectives about wellness. All things considered, the wellbeing of your heart is critical. Presumably, you come up short on ordinarily WellNessPitch looking body. In any case, that doesn't imply that you are not fit. You can be fit independent of the manner in which your body looks.

    BalasHapus

cOmmeNt'a JangAn yg mengUndang Huru-hara yacH