Bumerang - Yazarkafe

Popüler Yazılar 3D Dönen Küp Animasyonlu

Popüler Yazılarınızı şekildeki gibi 3D olarak dönen küp üzerinde gösterip ziyaretçilerinizin ilgisini çekip,blogunuzun farklı olduğunu hissettirmeye hazırmısınız? Eklediğimiz eklentiyi blogumuzun kenar çubuğunda kullanarak,alan kullanımını ergonomik bir seviyeye düşürebilirsiniz.3D dönen küplü Popüler Yazılar Eklentisini blogunuza eklemek için;Blogger hesabınızla giriş yaptıktan sonra Tasarım>Gadget Ekle>Popüler Yayınlar yolunu takip edip Popüler yayınlar eklentisini blogunuza kurmanız gerekiyor, popüler yazılar eklentisini blogunuza kurduktan sonra ufak bir kod eklentisi ile popüler yazılarınız şekildeki gibi şık tasarımlı,animasyonlu, 3D dönen küp slaytı olarak görüntülecek,bu sayede popüler yazılarınız dahada poüler olacak.Demo Görünüm için Tıklayın.
Popüler Yayınlar Eklentisini kurduktan sonra;
Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.
<!-- blogokulu.blogspot.com Kodu Baslat -->
<style type="text/css">
.cube { width: 200px; height: 200px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').abupopularcube();
});

</script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/popularcube.js"></script><!-- blogokulu.blogspot.com Kodu Bitir -->
Son olarak yapmanız gereken basit bir işlem daha var.Eklediğimiz Html/Javascript Gadgetini Blog Kayıtları nın üzerine sürükleyip bırakıyoruz ve kaydediyoruz.3D dönen küp Animasyonlu Popüler Yayınlar eklentisi kullanıma hazır.

PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

3 yorum:

  1. Pamuk şekeri5 Nisan 2012 19:58

    Paylaşımlarınız harika. Teşekkürler...

    YanıtlayınSil
  2.  Blogumu ziyaret ettiğiniz için ben teşekkür ederim.

    YanıtlayınSil
  3. Esintipenceresi21 Temmuz 2012 00:28

    Denedim ama çalışmıyor:(

    YanıtlayınSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...