Bloguna hareketli yeni konular widget'ini ekle

Hem hos hem eklenmesi kolay hem gorsel bakimdan goz yormayan guzel bir eklenti paylasmak istiyorum canlar..
An itibariyle blogumda mevcut soldaki resim ise ileride degisir ihtimaline karsi yuklenmistir eklentinin canlisini gormek icin blogumun sag tarafina bakmaniz kafi....en son yapilan bir sablon icin son anda aklima gelerek ekledigim bu eklentiyi uygulamanizi tavsiye ederim.
Zira bunun blogunuza zarari olmayacaktir..ekstra bilgi sahibi olmaniz da gerekmiyor ..
Hareketli bir sekilde en son girilen postlari goruntuleyen bu eklentiyi mutlaka denemenizi tavsiye ediyorum..
Peki nasil yapacagim diyorsaniz..buyrun..

Kumanda panelimizden Yerlesim diyoruz..

Yerlesim kismindan Gadget ekle diyoruz..

Eklentiler listesinden HTML/Javascript eklentisini seciyoruz..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>     
<style type="text/css" media="screen">      
<!-- 
#spylist {     
overflow:hidden;      
margin-top:5px;      
padding:0px 0px;      
height:350px;      
}      
#spylist ul{      
width:220px;      
overflow:hidden;      
list-style-type: none;      
padding: 0px 0px;      
margin:0px 0px;      
}      
#spylist li {      
width:208px;      
padding: 5px 5px;      
margin:0px 0px 5px 0px;      
list-style-type:none;      
float:none;      
height:70px;      
overflow: hidden;      
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;      
border:1px solid #ddd;      
}     #spylist li a {     
text-decoration:none;      
color:#4B545B;      
font-size:11px;      
height:18px;      
overflow:hidden;      
margin:0px 0px;      
padding:0px 0px 2px 0px;      
}      

#spylist li img {      
float:left;      
margin-right:5px;      
background:#EFEFEF;      
border:0;      
}      
.spydate{      
overflow:hidden;      
font-size:10px;      
color:#0284C2;      
padding:2px 0px;      
margin:1px 0px 0px 0px;      
height:15px;      
font-family:Tahoma,Arial,verdana, sans-serif;      
} 

.spycomment{     
overflow:hidden;      
font-family:Tahoma,Arial,verdana, sans-serif;      
font-size:10px;      
color:#262B2F;      
padding:0px 0px;      
margin:0px 0px;      
} 
-->
</style>
 <script language='JavaScript'> 


imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://www.degmesinyagliboya.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
    <script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div> 

Yukaridaki kodlarin tumunu kopyalayarak..



 Kopyalanan kodu KOD YERI yazan kisma yapistiriyoruz..

Kod icerisinde sonlarina dogru bulunan pembe daire icine alinan kisma kendi blog adresinizi yazdiktan sonra..

 Onizleme deyip hersey yolundaysa Kaydet deyip cikiyoruz..




Kolay gelsin hayirli olsun :)



..