Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger için 'Resimli Son Yazılar' eklentisi!


FacebookTwitterPinterestTumblrYazdır


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.


    • Muhammed Mustafa Akşam
    • 28 Ekim 2015, 11:40

    Çok yararlı bir paylaşım olmuş.

      • Şahin Gezici
      • 28 Ekim 2015, 12:23

      @Muhammed Mustafa Akşam

      Merhaba,

      Yorumunuz için teşekkür ederiz.

    • ışık mobilya
    • 27 Mayıs 2016, 16:36

    çok tesekkur ederim emeğinize sağlık.

      • Şahin Gezici
      • 27 Mayıs 2016, 17:54

      Merhabalar,

      Yorumunuz için biz teşekkür ederiz.

      İyi Günler

    • Enes Okuyan
    • 15 Haziran 2017, 19:57

    Forumlarda bununla ilgili yardım isteyen arkadaşlar vardı birdaha olursa sizin adresinize yönlendiricem.

    • cekmekoy kurye
    • 22 Kasım 2018, 01:11

    paylaşım için teşekkürler sitemde kullanacam kesinlikle

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık