Önceki yazımda kıvrımlı reklam sayfası oluşturmayı anlatmıştım. Bu yazımda ise kıvrımlı sayfayı, ziyaretçilerin rss aboneliğine ilgisini çekmek için kullanacağız. Sayfa kıvrıldığında resmi dilerseniz direk abonelik sayfasına ya da rss besleme adresine yönlendirebilirsiniz. Hemen kuruluma geçiyorum.
Şablonumuzda
</head>kodunu buluyoruz ve hemen üstüne
<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(http://i49.tinypic.com/105bhfl.png) no-repeat right top;
}
</style>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye_-kivrimlireklam.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>kodlarını ekliyoruz.
Daha sonra
<body>kodunu buluyoruz ve hemen altına
<div id='pageflip'>
<a href='http://feeds2.feedburner.com/memursite'><img alt='' src='http://i47.tinypic.com/eiwgg0.png'/></a>
<div class='msg_block'></div>
</div>kodlarını ekliyoruz ve http://feeds2.feedburner.com/memursite ile kendi rss adresimizi değiştirmeyi unutmuyoruz.
İşlem tamamdır. Herhangi bir sorun yaşarsanız lütfen yorum bölümünü kullanmaktan çekinmeyiniz.
0 yorum:
Yorum Gönder