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.
hocam kod çalışmıyor..kodu ekledikten sonra iki adet yazı girdim bir saat bekledim hiç bişiy yok ortada..aynı zamnda sitenın hızını düşürüyor bu kod boyutu baya büyuk
Merhaba,
Eklenti denenmiştir ve eklentide herhangi bir problem görülmemektedir. Lütfen eklentide yer alan kırmızı linkleri kendi blogunuza göre değiştirmeyi unutmayınız.
İyi Çalışmalar
merhaba,
blogger ile ilgili konulara bakıyorum ama resim veya demo olmadığı için direk olarak kapatıyorum. öncelikli olarak demo veya resim eklerseniz daha iyi olur.
@kaesavar;
Merhaba,
Esasında, Blogger bazlı tüm yazılarımızda olmasa da, bazı yazılarımız da elimizden geldiğince örnek olması açısından görsellere yer vermekteyiz. Ancak, elbette bu durumun tüm Blogger bazlı yazılarımız için geçerli olması, belirttiğiniz gibi daha iyi olacaktır.
Bundan sonra, Blogger bazlı yazacağımız yazılarımızda mutlak surette görsellere yer vermeye özen göstereceğiz. Hassasiyetiniz ve öneriniz için teşekkür ederiz.
İyi Çalışmalar
siteniz çok güzel
teşekkürler
Eklenti için teşekkürler....
Teşekkürler
çok güzel
Cok güzel hocam teşekkürler