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

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 {genişliği: 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: ') Hayır-repeat 50% 50%; genişliği: 79px; height: 79px;}
# Sonrası galeri .rp maddelik img {width: 69px; height: 69px; ! border: none önemli Diğer; margin: 0px 0px önemli Diğer; dolgu :! 0px 0px önemli Diğer; Arka plan: Şeffaf önemli Diğer ;! 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 Diğer ;! 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.cahitsoyman.blogspot.com/";
</ Script>
<Senaryo src = "type =" text / javascript "> </ script>

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