Son Yazılarınızı Animasyonlu Olarak Blogunuzda Gösterme

Yayınlamış olduğunuz son yazılarınızı  resimli ve animasyonlu olarak vidget şeklinde blogunuza ekleyebilirsiniz.

Ayrıca makale sayısını ve resimlerin boyutlarını istediğiniz gibi ayarlayabilirsiniz. Mausla resimlerin üzerine gelindiğinde makalenin kısa bir tanıtımının yapıldığı bir pencere animasyonlu olarak  yana doğru açılarak ziyaretçiye makale hakkında bilgi vermektedir.

Blogger Kontrol Panelinden Yerleşim<Gadget Ekle>Javascript Ekle yolunu takip ederek aşağıdaki kodu 

yapıştırıp kaydediniz. 

<Style type = "text / css">
# Sonrası galeri {width: 100%; margin: 0px auto; font: 11px Arial Normal, Sans Serif-; color: ## 000000; padding: 8px;}
# Sonrası galeri .rp maddelik {float: left; display: inline; position: relative; margin: 2px; padding: 0px 0px; Arka plan: ') No-repeat 50% 50%; genişliği: 79px; height: 79px;}
# Sonrası galeri .rp maddelik img {width: 69px; height: 69px; ! border: none önemli; margin: 0px 0px önemli; padding:! 0px 0px önemli; Arka plan: Şeffaf önemli;! display: none;}
# Sonrası galeri .rp maddelik img: -moz-dönüşümü hover {: ölçek (1.2) döndürün (-350deg); - webkit-dönüşüm: ölçek (1.2) döndürün (-350deg); - o-dönüşümü: ölçek (1.2 ) ölçek (1.2) (-350deg döndürmek; - webkit-box-shadow: dönüşümü;) ölçek (1.2 (-350deg döndürmek): ms-dönüşümü -;)) (-350deg döndürmek 0 0 20px RGBA (255,0, 0, .4), ek 0 0 20px RGBA (255,255,255,1); - moz-box-shadow: 0 0 20px RGBA (255,0,0, .4), ek 0 0 20px RGBA (255,255,255,1); box-shadow: 0 0 20px RGBA (255,0,0, .4), ek 0 0 20px RGBA (255,255,255,1);}
# Sonrası galeri .rp maddelik .rp çocuğa {position: relative; Üst:% 10 önemli;! Sol:% 10 önemli;! z-index: 1000; genişliği: 200px; background-color: white; border-bottom: 5px katı # 1BA1E2; -webkit-box-shadow: 5px 5px 10px RGBA (0, 0, 0, 0,7); -moz-box-shadow: 5px 5px 10px RGBA (0, 0, 0, 0,7); box-shadow: 5px 5px 10px RGBA (0, 0, 0, 0,7); padding: 10px 15px; taşma: gizli; word-wrap: break-word; display: none; donukluk: 0.9;}
# Sonrası galeri .rp maddelik .rp-çocuk h4 {font-size: 12px; margin: 0px 0px 5px; color: # 1BA1E2;}
# Sonrası galeri .rp maddelik: .hidden hover {display: block;} </ style>
<Script type = "text / javascript">
var rpTitle = "Animasyonlu Son Yazılar",  
    numposts = 9,  
    numchar = 100, 
    rcFadeSpeed ​​= 400,  
    pBlank = "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif" 
    BlogURL = "http://www.bloggelistirme.blogspot.com/";
</ Script>
<Script src = " type = "text / javascript"> </ script>

Numposts= 9 rakamı kaç yazı gösterileceğini buradan belirtebilirsiniz. Yine kırmızı ile gösterilen BlogURL'ye kendi site adresini yazınız.