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.


    • sekman
    • 9 Nisan 2015, 20:08

    Güzel Paylaşım İşime Yaradı

    • Kurye
    • 5 Mayıs 2015, 23:12

    Paylaşım için teşekkürler hocam

    • selin
    • 29 Mayıs 2015, 20:40

    Paylaşım için Teşekkürler Saolun Hocam

      • Şahin Gezici
      • 29 Mayıs 2015, 20:47

      Merhaba,

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

      İyi Günler

    • Ayşegül
    • 5 Haziran 2015, 19:21

    Site Ve Paylaşım Çok Güzel

      • Şahin Gezici
      • 5 Haziran 2015, 19:42

      Merhaba,

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

      İyi Günler

    • anaokulu mobilyaları
    • 16 Haziran 2015, 17:01

    Bende Buru arıyordum çok ama çok sağolun

      • Şahin Gezici
      • 16 Haziran 2015, 18:05

      Merhaba,

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

      İyi Günler

    • ramazan
    • 26 Haziran 2015, 19:34

    Cok güzel hocam teşekkürler

      • Şahin Gezici
      • 26 Haziran 2015, 20:10

      Merhaba,

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

    • bakırköy arçelik servisi
    • 14 Ağustos 2015, 20:19

    hocam paylaşım için teşekkürler sitemde kullanacağım saolun

      • Şahin Gezici
      • 14 Ağustos 2015, 21:12

      Merhaba,

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

      İyi Günler

    • demirdöküm
    • 14 Ekim 2015, 14:10

    çok teşekkür ederim bilginiz için

      • Şahin Gezici
      • 14 Ekim 2015, 14:48

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

    • Bahadır Elektronik
    • 16 Ekim 2015, 11:22

    teşekkürler.

      • Şahin Gezici
      • 16 Ekim 2015, 11:32

      Merhaba,

      Değerli yorumunuz için biz teşekkür ederiz.

    • Web Reklamcısı
    • 27 Ekim 2015, 23:14

    Teşekkürler.

      • Şahin Gezici
      • 27 Ekim 2015, 23:21

      @Web Reklamcısı

      Merhaba,

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

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