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.


    • berk
    • 11 Temmuz 2011, 06:56

    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

    • Doğan Gezici
    • 11 Temmuz 2011, 08:57

    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

    • kaesavar
    • 19 Nisan 2013, 19:22

    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.

    • Doğan Gezici
    • 19 Nisan 2013, 20:07

    @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

    • satinaldik.com
    • 9 Mart 2014, 23:54

    siteniz çok güzel

    • eca kombi servisi
    • 13 Ekim 2014, 03:40

    teşekkürler

    • Saffet
    • 7 Şubat 2015, 01:34

    Eklenti için teşekkürler....

    • nokta.web.tr
    • 12 Mart 2015, 11:07

    Teşekkürler

    • mehmet kere
    • 2 Nisan 2015, 19:22

    çok güzel

    • jusboxorgukashbozdurma
    • 7 Nisan 2015, 03:50

    Cok güzel hocam teşekkürler

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