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

Kategori Listesini Göster

Blogger için resimli son yazılar kodu (alternatif)


FacebookTwitterPinterestTumblrYazdır


Geçmişte kaleme aldığım "Blogger ‘son yazılar’ ve ‘son yorumlar’ eklentisi" ve "Blogger için ‘Resimli Son Yazılar’ eklentisi!" başlıklı yazımda resimsiz olarak ve resimli olarak son yazılar kodunu paylaşmıştım. Şimdi ise sizlerle buna alternatif olabilecek bir kodu paylaşacağım. Resimli ve yazıdan kısa bir alıntıya yer veren işlevsel bir resimli son yazılar kodunu sizlere sunmak istiyorum. İlgili eklenti/kod denenmiş olup, bu esnada herhangi bir probleme rastlanılmamıştır. Yapmanız gereken tek şey aşağıdaki kodu temanızdaki Gadget Ekle kısmındaki HTML/JavaScript Ekle kısmına yapıştırmaktır. Ve kırmızı alanı da kendi web site adresinize göre düzenlemeniz yeterli olacaktır.

Blogger İçin Resimli Son Yazılar Eklentisi

<style> img.recent_thumb { width:70px;height:55px; border: 1px solid #e3e3e3; padding:3px; float:left;margin:0px 5px 5px 5px; } .recent_posts_with_thumbs { float: left; width: 100%;min-height: 65px; margin: 5px 0px 5px 0px;padding-left: 5px; font-size:12px; } ul.recent_posts_with_thumbs li { padding-bottom:5px;padding-top:5px;min-height:65px; } .recent_posts_with_thumbs a {text-decoration:none; } .recent_posts_with_thumbs strong { padding-left: 5px; } </style> <script style='text/javascript'> function showrecentpostswiththumbs(json) {document.write('<ul>'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){ if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;} if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error) { s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){ thumburl=d;} else thumburl='http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png'; } var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li>'); if(showpostthumbnails==true) document.write('<img src="'+thumburl+'"/>'); document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>'); if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); if (showpostsummary == true) { if (postcontent.length < numchars) { document.write(''); document.write(postcontent); document.write('');} else { document.write(''); postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0,quoteEnd); document.write(postcontent + '...'); document.write('');} } var towrite='';var flag=0; document.write('<br><strong>'); if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;} if(showcommentnum==true) { if (flag==1) {towrite=towrite+' | ';} if(commenttext=='1 Comments') commenttext='1 Comment'; if(commenttext=='0 Comments') commenttext='No Comments'; commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>'; towrite=towrite+commenttext; flag=1; ; } if(displaymore==true) { if (flag==1) towrite=towrite+' | '; towrite=towrite+'<a href="'+posturl+'" target ="_top">More -></a>'; flag=1; ; } document.write(towrite); document.write('</strong></li>'); if(displayseparator==true) if (i!=(numposts-1)) document.write('<hr size=0.5>'); }document.write('</ul>'); } var numposts = 5; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 80; </script> <script src='http://blogunuzunadi.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Not: Eğer bir problem çıkar ise, kırmızı alanın yanındaki blogspot.com alan adı uzantısının sonuna ".tr" ekini eklemeniz yeterli olacaktır.


    • salim
    • 30 Ekim 2014, 21:59

    hocam bunu 3 4 tane ile nasıl sınırlandırabiliriz bide başlık hemen resmin yanında değilde atın başlasa daha guzel olur sanki

    • musa
    • 1 Aralık 2015, 21:11

    Günlerdir bunu arıyordum saolun hocam

      • Şahin Gezici
      • 1 Aralık 2015, 21:32

      Merhaba,

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

      İyi Günler

    • Samsun cilingir
    • 14 Kasım 2016, 13:09

    Guzel bir site devamli takipteyim basarilarinizin devamini bekleriz

      • Şahin Gezici
      • 14 Kasım 2016, 13:18

      Merhabalar,

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

      İyi Günler

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