Kategori :


Reklam alanı sağ üst köşede beliriyor ve fare ile üzerine gelince kağıt açılarak sizin koyduğunuz reklam resmi gözüküyor. Böyle bir reklam alanı yapmak çok basit.

Yerleşim > Html'yi düzenle > Widget şablonlarını genişlet diyoruz.

Ş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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJYZw7K0M4scu0utLlyIj1GlS4zgk62TmOv_feic0N_A43gEPT75709-jc_Y5_tOEPgr8lL5_xe4tb4hpQyoB9AhqDLLTGzTgpMmHN24kT04YG1ItPD7rtBwBT7sBPYpar6wiKKjew2HB2/s1600/reklamicinresim.jpg) 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

$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});


});
</script>

kodlarını ekliyoruz.

Daha sonra

<body>

kodunu bulup hemen altına

<div id='pageflip'>
<a href='http://www.bloggerturkiye.org'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguuuYNk5PenfYO2GNEQzkXJBUF5Wh1S9OfLtkC7JxkRk5we9cUaric1rsJ-sFScIfxayUpXikj6_H-OuljWfvUVBrosSE327Eq4zNiYG-xam6NElized8jl74U8G39AJZ_2uEpejeGF1sg/s1600/sayfakivrimi.png'/></a>
<div class='msg_block'></div>
</div>

kodlarını ekliyoruz.

Koyu renkle belirttiğim yerleri kendinize göre düzenlemeyi unutmayınız.

Daha kolay anlamanız için linkleri açıklıyorum.

- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJYZw7K0M4scu0utLlyIj1GlS4zgk62TmOv_feic0N_A43gEPT75709-jc_Y5_tOEPgr8lL5_xe4tb4hpQyoB9AhqDLLTGzTgpMmHN24kT04YG1ItPD7rtBwBT7sBPYpar6wiKKjew2HB2/s1600/reklamicinresim.jpg yerine reklam için koyulacak resmi koyulacak.
- http://www.bloggerturkiye.org adresi yerine reklama tıklanınca gidilecek adresi yazılacak.
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguuuYNk5PenfYO2GNEQzkXJBUF5Wh1S9OfLtkC7JxkRk5we9cUaric1rsJ-sFScIfxayUpXikj6_H-OuljWfvUVBrosSE327Eq4zNiYG-xam6NElized8jl74U8G39AJZ_2uEpejeGF1sg/s1600/sayfakivrimi.png ise kıvrımlı sayfanın zımbırtısı bunu ellemeyin.

Hepsu bu. Herhangi bir sorunda yorum bölümünü kullanmanız yeterli.