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
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.
Simpan..
nb;
http://andiknet.blogspot.com ganti url blog anda
thumbwidth = 70; ukuran thumnail bisa di gantiDan 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
thumbheight = 65; ukuran thumnail bisa di ganti
numposts = 3; jumplah yang di tampilkan
Kenapa klw di wordpress tidak bisa lagi nulis artikel yg bisa hanya judulnya saja.pake hp X2 ,sblumx trimah kasih..
BalasHapuscoba gunakan browser opera mini tw uc browser
BalasHapusko judulnya tanpa js ya? tapi ini pakai js
BalasHapusya beda lah gan
Hapus