DavutErarslan 10 von 109Oy 5 Kritik
Yeniden Ve süper bir blogger eklentisi ile karşıınızdayım...Ama gerçekten çok harika bir eklenti..Bu eklenti ile blogger sayfamızın bir sağ üşt köşesinden bir resim açılacak..Bu eklentiyi benim gördüğüm adres sayfanın en altında yazıyor.Bunu birçok büyük portal kullanıyor.Ama biz bunun blogger için kullanacaz..Bu eklentiyi kullanmanızı önerir ve eklentiye geçerim :)
Devamında ne var ? Kurulum,düzenleme,orjinal kaynak,demo Ek bağlantı




Eklentinin önizlemesi bu :


İşte bu örnek işte sitemizin en üst kısmındada yer alıyor..Bu eklentinin kurulumda sıra..Bunun için yapmamız gerekenler..

1.İlk olarak blogger hesabımıza giriş yaptıktan sonra html düzelne kısmına geliyoruz..Ve ctrl f yardımıyla ]]><*/b:skin> (yıldız yok) bu kodu bulup ve önüne şu kodları yapıştırıyoruz..



#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://i43.tinypic.com/244wi7o.png) no-repeat right top;
}




Ve sonrasınada şu kodları yapıştırıyoruz..

<script src='http://code.jquery.com/jquery-latest.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>




Bu kodları da ekledikten sonra ctrl f yardımıyla <*body> (yıldız yok) şu kodu buluyoruz..

Ve hemen sonrasına şu kodu ekliyoruz..

<div id='pageflip'>
<a href='http://feeds2.feedburner.com/davuterarslan'>
<img alt='' src='http://img224.imageshack.us/img224/8315/pageflip.png'/>
<span class='msg_block'/>
</a>
</div>


Ve kaydediyoruz..

*Not : Davuterarslan yazan yere kendi feed burner adresinizi yazın..

*Not : http://i43.tinypic.com/244wi7o.png Bu resim yerine kendi kendinizi yağıştırın..

*Not : Eklentinin orjinali bu adreste yer almaktadır. Çeviriyi kendim yaptım..ve denemesinide davuterarslan.blogspot.com adresinde yaptım..Teknomobi.net'in sunduğu diğer pageear yapma eklentisi için tıklayın...
KONHAF dedi ki...

Emeğine sağlık güzel anlatım.. Çoğu sitede bende görüyorum güzel duruyor gerçekten.. Blogumda şimdilik böyle bi eklentiye gerek yok.. Reklam düşünen,ziyaretçisi bol olan bloggerci arkadaşlar kesinlikle düşünmeli:)

Admin dedi ki...

teşekkürler konhaf

1.blogu takip ettiğin,
2.yorum yazdığın,
3.bizle birlikte olduğun için..

KONHAF dedi ki...

Rica ederim.. Bende teşekkür ederim faydalı dolu dolu bir sayfan var tabi ki takip edeceğim:)

Kemal Ersan dedi ki...

Tebrikler Davut...Gerçekten harika bi gelişim örneğisin...Blog Dünyasında daimi olman dileğiyle...

Bu arada istediğin link değişimi gerçekleşti...Hayırlı olsun...

davuterarslan dedi ki...

sağolasın kemal ersan..

TeknoMobi dedi ki...

Köşeden açılan yaprak örneğini daha önce blogumda ve BlogcuForum da anlatmıştım ama benim anlattığım versiyon flash olanıydı. Flash olan biraz geç yüklenebiliyor. Bu anlatım ise jqery ile çalışan versiyonu... TeknoDergide bahsetmiştik bu uygulamadan... Blogger için listeye almıştım. Sen hazırlamışsın eline sağlık... Eve döndüğümde biraz daha optimize ederim...

Admin dedi ki...

Teşekkürler Teknomobi..Şimdi senin hazırladığın örnekleri bağlantı olarak verecem bu yazıda..İnsanlar için çeşirlilik olur..

Zeus Amenos dedi ki...

Hocam bende banner sağ üst köşesinde oluştu :D sonra iptal ettim :)

davut erarslan dedi ki...

:) İstersen yardımcı olurum..

Zeus Amenos dedi ki...

menmun olurum :) bu eklenti için heveslendim ama olmadı :( yardımınla çözerim inş :)

davuterarslan dedi ki...

Sen şu ]]><*/b:skin> den önce ve sonra kodları ekledin mi?Ekle ve <*body> yi bul ve kodları ekle çok basit aslında ama..Sen yaparsın şimdi yap ve sorunları söle..

kmlzkn dedi ki...

bunu yaptıktan sonra içine reklam ekleye biyormuyuz adtech ahood filan

Yorum gönderirken lütfen alakalı yorumlar yollayın.

Burada yer alan Haber7 haberleri ile güncel hayattan haberdar olun. Davut Erarslan haber eklentisi vardı önceden onu da bir ara eklerim.

Daha fazka haber için tıkla. Haber7 haberleri
blogger"