Cara MUDAH Membuat Halaman Blog Melipat Secara Otomatis | Tips Blogspot | Cara Membuat Halaman Melipat
- Login ke blogger.
- Klik Rancangan - Klik Edit HTML.
- Klik Expand widget template.
- Cari kode <b:skin><![CDATA[
- Kalau sudah ketemu copy kode dibawah ini diatas 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> - Lalu cari lagi kode ]]></b:skin> Dan letakkan kode berikut tepat 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/AVvXsEgoR0mYAZGCuSb5jJHmMHcivyo8AbVmMDhWiXzQPo3u-jQGvg1Erl0Jq0OnZ8xT2Ei_muq9U7owUU5mZ-RVFJXgf2Ct1HNNSYmS0ztFSp3uON1aCbNxysFq4vpgn5HpUcn20oksmA3GRKcQ/) no-repeat right top;
text-indent: -9999px;
} - Lalu cari lagi kode <body> Dan letakkan kode berikut tepat di dibawahnya. <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/AVvXsEg8r3-3IiqrsxLLMk0Gz25Io9ualnK_wsvn6bmCYxLrhbxa5_Vzb2matIyuULMG6lKGzbkcOIAQBNk9Cvr9ba2QyNnAaOewKlAlANRkyCZATfnFSAW2AQczqVMlNGww5IpALHa2iZaekPSd/'/>
<span class='msg_block'/>
</a>
</div> - Sobat bisa mengganti warna merah dengan Link yang sobat inginkan. Saran saya Link RSS atau link berlangganan.
- Simpan template - Selesei.
- Sekarang silahkan lihat blog,...
- Untuk mengganti gambar dinding, sobat bisa mengganti URL berikut : #pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoR0mYAZGCuSb5jJHmMHcivyo8AbVmMDhWiXzQPo3u-jQGvg1Erl0Jq0OnZ8xT2Ei_muq9U7owUU5mZ-RVFJXgf2Ct1HNNSYmS0ztFSp3uON1aCbNxysFq4vpgn5HpUcn20oksmA3GRKcQ/) no-repeat right top;
text-indent: -9999px;
}
Semoga tips Cara MUDAH Membuat Halaman Blog Melipat Secara Otomatis | Tips Blogspot | Cara Membuat Halaman Pojok Atas Melipat bisa bermanfaat dan bisa dimengerti oleh para sobat blogger, jangan lupa tambahkan jaringan teman di Kolom Blog GRATIS ( follow up me ) dan semoga para sobat bisa terus memperluas ilmu gratis ini ke semua teman - teman sobat,...
Cara MUDAH Membuat Halaman Blog Melipat Secara Otomatis | Tips Blogspot | Cara Membuat Halaman Melipat