Global Informasi melalui internet

4 Mei 2014

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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhGwEDbfr6naevxGbqbqPKPgvmu1Gvgd7xIPy_GqFjKOsYrKv0G0LYPKJg2bcdM-R3Wi_j6hGW5semyCn_73SHFCRK_LvaKJ04BhMF4ZSfvCxb4fKH5moL8FevoT_08mr373HXnX_6d_s/s1600/no-images.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhGwEDbfr6naevxGbqbqPKPgvmu1Gvgd7xIPy_GqFjKOsYrKv0G0LYPKJg2bcdM-R3Wi_j6hGW5semyCn_73SHFCRK_LvaKJ04BhMF4ZSfvCxb4fKH5moL8FevoT_08mr373HXnX_6d_s/s1600/no-images.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhGwEDbfr6naevxGbqbqPKPgvmu1Gvgd7xIPy_GqFjKOsYrKv0G0LYPKJg2bcdM-R3Wi_j6hGW5semyCn_73SHFCRK_LvaKJ04BhMF4ZSfvCxb4fKH5moL8FevoT_08mr373HXnX_6d_s/s1600/no-images.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhGwEDbfr6naevxGbqbqPKPgvmu1Gvgd7xIPy_GqFjKOsYrKv0G0LYPKJg2bcdM-R3Wi_j6hGW5semyCn_73SHFCRK_LvaKJ04BhMF4ZSfvCxb4fKH5moL8FevoT_08mr373HXnX_6d_s/s1600/no-images.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUhGwEDbfr6naevxGbqbqPKPgvmu1Gvgd7xIPy_GqFjKOsYrKv0G0LYPKJg2bcdM-R3Wi_j6hGW5semyCn_73SHFCRK_LvaKJ04BhMF4ZSfvCxb4fKH5moL8FevoT_08mr373HXnX_6d_s/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
Share:

4 komentar:

  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 yang sopan.. jangan membuat spam..
komentar berisi 👉promosi, judi, link video porno.. akan di hapus permanen.🚫

Support