Yeni bir blogger eklentileri yazı dizisinden herkese merhabalar. Bu sefer anlatacağım eklenti, diğer son yazılar eklentilerine nazaran daha profesyonel görünümlü bir eklenti. Bu eklentiyi profesyonel yapan özelliği ise, blogunuzdaki son yazılarınızı resimli bir şekilde göstermesi. Bunun beraberinde, eklenti yazınızda kaç tane yorumun olup olmadığını ve yazınızın yazılış tarihini gösteriyor. Ayrıca, görsellik bakımından sade olması da gerçekten çok iyi diye düşünüyorum. Herneyse, bu güzel resimli son yazılar eklentisini kullanmak ise gerçekten çok basit. Yapmanız gerekenlere geçelim isterseniz;
Tasarım >> Sayfa Ögeleri >> Gadget Ekle bölümünden, HTML/JavaScript Ekle seçeneğini seçiniz ve aşağıdaki kodların tamamını yapıştırın;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--
#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 10px;
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 20px;
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:10px 20px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img525.imageshack.us/img525/6513/resimyok.jpg";
imgr[1] = "http://img525.imageshack.us/img525/6513/resimyok.jpg";
imgr[2] = "http://img525.imageshack.us/img525/6513/resimyok.jpg";
imgr[3] = "http://img525.imageshack.us/img525/6513/resimyok.jpg";
imgr[4] = "http://img525.imageshack.us/img525/6513/resimyok.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "yorum var";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 1000;
home_page = "http://blogunuzunadresi";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="https://teknobeyin.googlecode.com/files/sonyazilar.js" type="text/javascript"></script>
</div>
Not: Yukarıda kırmızı renkle yer alan (blogunuzunadresi) kısmını, blogunuzun adresi ile değiştirmeyi unutmayınız. Aksi taktirde eklenti çalışmayacaktır.
Not 2: Yukarıda kırmızı renkle yer alan (http://img525.imageshack.us/img525/6513/resimyok.jpg) link; yazınızda resim yoksa gösterilecektir. Dolayısı ile, bu resmi istediğiniz herhangi bir resim ile değiştirebilirsiniz. Yani, değiştireceğiniz resim de yazılarınızın olmadığı zamanlar gösterilecektir.
Güzel Paylaşım İşime Yaradı
Paylaşım için teşekkürler hocam
Paylaşım için Teşekkürler Saolun Hocam
Merhaba,
Yorumunuz için biz teşekkür ederiz.
İyi Günler
Site Ve Paylaşım Çok Güzel
Merhaba,
Yorumunuz için biz teşekkür ederiz..
İyi Günler
Bende Buru arıyordum çok ama çok sağolun
Merhaba,
Yorumunuz için biz teşekkür ederiz.
İyi Günler
Cok güzel hocam teşekkürler
Merhaba,
Yorumunuz için biz teşekkür ederiz.
hocam paylaşım için teşekkürler sitemde kullanacağım saolun
Merhaba,
Yorumunuz için biz teşekkür ederiz...
İyi Günler
çok teşekkür ederim bilginiz için
Yorumunuz için biz teşekkür ederiz.
teşekkürler.
Merhaba,
Değerli yorumunuz için biz teşekkür ederiz.
Teşekkürler.
@Web Reklamcısı
Merhaba,
Yorumunuz için biz teşekkür ederiz.