AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

26 Ocak 2017 Perşembe

Blogger Kıvrılan Reklam Alanı Oluşturmak



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(http://3.bp.blogspot.com/--pF2ws-j8zg/UcrMX4If9DI/AAAAAAAAG7s/ADWCQL5DBWU/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.memursite.com'><img alt='' src='http://1.bp.blogspot.com/-j8NxteCqZzI/UcrMm27ptyI/AAAAAAAAG70/PV-nFUftAbU/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.

- http://3.bp.blogspot.com/--pF2ws-j8zg/UcrMX4If9DI/AAAAAAAAG7s/ADWCQL5DBWU/s1600/reklamicinresim.jpg yerine reklam için koyulacak resmi koyulacak.
- http://www.bloggerturkiye.org adresi yerine reklama tıklanınca gidilecek adresi yazılacak.
- http://1.bp.blogspot.com/-j8NxteCqZzI/UcrMm27ptyI/AAAAAAAAG70/PV-nFUftAbU/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.