Blogger Resimli Son Yazılar Eklentisi (Animasyonlu)
Haziran12
Blogger animasyonlu, Resimli Son Yazılar Eklentisi.Aşşağıya doğru kayan Jquery stil.
Animated Scrolling Recent Post Widget.
Blogunuza ekleyebileceğiniz bu eklenti animasyonlu, Resimli, son yazdığınız yazılarınızın kayarak aşşağı doğru akan (Jquery), listeleyen çok şık bir eklenti.
Aşşağıdaki eklenti oluşturucuyla eklentinizi oluşturabilir,blogunuza ekleyebilirsiniz.
1. Kumanda paneline giriş yapın.2. Yerleşim → Gadget ekle → HTML/Javascript bulun.
3. Aşağıda Oluşturduğunuz kodu kopyalayıp yapıştırın.
Yada aşağıdaki kodu manuel olarak blogunuza ekleyebilirsiniz.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css" media="screen">
#MEF-widget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
}
#MEF-widget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}
#MEF-widget li {
width: 282px;
padding: 5px 5px;
margin: 0px 0px 5px 0px;
list-style-type: none;
float: none;
height: 80px;
overflow: hidden;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgma2TxhuBlZmWITsOteis03qZrhOQdrlXRF7kxpTWfBMt1pcH1Ol7gSUnoFhdJ4rKCHQskTnLQCqGbfQmI5roJkECfZPrWYkHysbllbgpvJKD0pYVnTHWHHRHDOgJp91huBXv-Yp4y6Tz/s1600/Son_Konularmef.jpg) repeat-x;
border: 1px solid #ddd;
}
#MEF-widget li a {
text-decoration: none;
color: #4B545B;
font-size: 13px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}
#MEF-widget img {
float: left;
margin-top: 10px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
}
#MEF-widget img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
box-shadow: 0 0 3px rgba(0,0,0,.7);
}
#MEF-widget img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}
.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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU7KlpioXUoushrFCMRboIoUzQpSAdUK6HFXpKAN1jxdmvpzz6KOMWAVnboKu39lXeysMnHFJ5C4fkvLmeX0vdVIp1YIrofYFTAjmAcr3olvPtucw4bjqKJmST00GV7pu6z_a6MYuFO10/s1600/no-photo-available.jpeg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU7KlpioXUoushrFCMRboIoUzQpSAdUK6HFXpKAN1jxdmvpzz6KOMWAVnboKu39lXeysMnHFJ5C4fkvLmeX0vdVIp1YIrofYFTAjmAcr3olvPtucw4bjqKJmST00GV7pu6z_a6MYuFO10/s1600/no-photo-available.jpeg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU7KlpioXUoushrFCMRboIoUzQpSAdUK6HFXpKAN1jxdmvpzz6KOMWAVnboKu39lXeysMnHFJ5C4fkvLmeX0vdVIp1YIrofYFTAjmAcr3olvPtucw4bjqKJmST00GV7pu6z_a6MYuFO10/s1600/no-photo-available.jpeg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU7KlpioXUoushrFCMRboIoUzQpSAdUK6HFXpKAN1jxdmvpzz6KOMWAVnboKu39lXeysMnHFJ5C4fkvLmeX0vdVIp1YIrofYFTAjmAcr3olvPtucw4bjqKJmST00GV7pu6z_a6MYuFO10/s1600/no-photo-available.jpeg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU7KlpioXUoushrFCMRboIoUzQpSAdUK6HFXpKAN1jxdmvpzz6KOMWAVnboKu39lXeysMnHFJ5C4fkvLmeX0vdVIp1YIrofYFTAjmAcr3olvPtucw4bjqKJmST00GV7pu6z_a6MYuFO10/s1600/no-photo-available.jpeg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 13;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://MeftunMede.Blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>
<div id="MEF-widget">
<script src='http://meftun-mede.googlecode.com/files/Resimli_kayan_Son_Konular_Eklentisi.js' type='text/javascript'></script>
</div>Kod içinde ;
numposts : Konu sayısını ayarlayabilirsiniz.
limitspy : Eklentide görünen kolon sayısı.
intervalspy : kaydırma hızı.
home_page: blogunuzun adresini yazın.(Sonundaki "/" slash sembolu kalacak.)
