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.
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
Günlerdir bunu arıyordum saolun hocam
Merhaba,
Yorumunuz için biz teşekkür ederiz.
İyi Günler
Guzel bir site devamli takipteyim basarilarinizin devamini bekleriz
Merhabalar,
Değerli yorumunuz için teşekkür ederiz.
İyi Günler