Cara membuat recent post dengan thumnail tanpa javascript

Cara membuat recent post dengan thumnail tanpa javascript (Artikel Terbaru) - Sebelumnya saya sudah pernah membahas tentang Cara mudah Menambahkan widget Artikel Terbaru standar dan untuk cara yang saya bagikan sekarang kita tidak menggunakan tool bawaan blogspot, tapi dengan menggunakan code-code yang di buat oleh para master blog

Cara membuat recent post dengan thumnail tanpa javascript

Dan untuk membuatnya.

Login ke acount BLOGGER anda.
Pada menu dasbord pilih TATA LETAK.
Lalu TAMBAHKAN GADGET.
Pilih HTML/JAVASCRIPT.
Letakkan code di bawah ini.



<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://1.bp.blogspot.com/-l9Z5psuMWsM/ULoR-wi50hI/AAAAAAAAA4o/oUDeXsdVduA/s1600/no-images.jpg";
imgr[1] = "http://1.bp.blogspot.com/-l9Z5psuMWsM/ULoR-wi50hI/AAAAAAAAA4o/oUDeXsdVduA/s1600/no-images.jpg";
imgr[2] = "http://1.bp.blogspot.com/-l9Z5psuMWsM/ULoR-wi50hI/AAAAAAAAA4o/oUDeXsdVduA/s1600/no-images.jpg";
imgr[3] = "http://1.bp.blogspot.com/-l9Z5psuMWsM/ULoR-wi50hI/AAAAAAAAA4o/oUDeXsdVduA/s1600/no-images.jpg";
imgr[4] = "http://1.bp.blogspot.com/-l9Z5psuMWsM/ULoR-wi50hI/AAAAAAAAA4o/oUDeXsdVduA/s1600/no-images.jpg";
showRandomImg = true;
boxwidth = 285;
cellspacing = 5;
borderColor = "transparent";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 65;
fntsize = 11;
acolor = "#666";
aBold = true;
icon = " ";
text = "Komentar";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 3;
home_page = "http://andiknet.blogspot.com/";
</script>


<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;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!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'">'+posttitle+'</a> - <span style="font-size: 9px; color: #616161;'+cmtext+' </span></td></tr>';if(summaryPost==0){trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td>'+icon+'<a href="'+posturl+'">'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>

Simpan..

nb;
 http://andiknet.blogspot.com ganti url blog anda
thumbwidth = 70; ukuran thumnail bisa di ganti
thumbheight = 65; ukuran thumnail bisa di ganti
 numposts = 3; jumplah yang di tampilkan
Anda baru saja membaca artikel yang berjudul Cara membuat recent post dengan thumnail tanpa javascript Silahkan baca artikel dari ANDIKNET Tentang , , Yang lainnya. Dan Anda juga bisa bookmark halaman ini dengan URL :

4 Responses to "Cara membuat recent post dengan thumnail tanpa javascript"

  1. Kenapa klw di wordpress tidak bisa lagi nulis artikel yg bisa hanya judulnya saja.pake hp X2 ,sblumx trimah kasih..

    BalasHapus
  2. coba gunakan browser opera mini tw uc browser

    BalasHapus
  3. ko judulnya tanpa js ya? tapi ini pakai js

    BalasHapus

Berkomentarlah dengan sopan.. dan jangan membuat spam,,,