.jpg)
Sekarang saya akan berbagi tips mudah dengan sobat. Dari teman pastinya menginginkan blog dengan tampilan yang menarikkan. Dan dengan cara yang satu ini mungkin akan bisa membuat tampilan blog sobat menjadi lebih menarik. sobat pernah melihat lipatan pada pojok kanan blog seperti itulah tampilannya nanti jika anda berhasil. Untuk sobat yang suka dengan ini bisa langsung saja ikuti lagkah – langkahnya berikut ini :
- Masuk ke akun blog anda
- Kemudian klik menu template
- Pilih edit html
- Backup dulu blog anda agar agar mudah bila terjadi kesalahan
- Kemudian cari kode </head> ( gunakan ctrl +f agar lebih cepat)
- Kemudian letakkan kode di bawah ini tepat di atas kode </head>
- Cari lagi kode <body>
- Setelah ketemu, Letakkan kode berikut ini dibawah kode <body>
- Setelah itu simpan/ save template
- 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAyJXZRioZEVfE9mjKAwjFteUzVIDzx0gkBlyzMrVqVvXWelBq5PEHyon_wZVtLAnpzLhJOxTUdGlzwH8I0B8LVFPYNSezPwyEWvV3ymD6CiYldIxlNIqSacFZBn1poeDSyXnZ3-EWzmsi/s320/Newspaper-Feed-icon.png
) no-repeat right top;
}
</style>
<script src="http://youravascript.com/201011143287/Sitelearning-mengelupas.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$("#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>
- <div id='pageflip'>
<a href='http://#############.blogspot.com/feeds/posts/default'><img alt='Belajar bersama Sitelearning' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjZ-CtE1SqEjpveWF7YE3q3wlHGYCsvB63Cti6IlJ23IuOGpuB9WkYzILRj4ujorCXYP5hZtPojRqKEhunjghLOQxgejFZ1pGbMgsFcvceDIHuGlszb4x6shgp-7t7hUFhZFb7silWQMxi/s320/peel-image.png'/></a>
<div class='msg_block'></div>
</div>
0 komentar:
Posting Komentar