Cara Membuat Random Posts by Labels untuk Blog Film


KURAZONE ~ Halo sahabat Kurazer, pada kesempatan kali ini saya bagikan artikel tentang Cara Membuat Random Posts by Labels untuk Blog Film. Kode yang saya rancang ini dikhususkan untuk blog film saja seperti Movierazone atau yang sejenisnya. Namun kode ini juga bisa digunakan untuk blog personal apabila kalian bisa mengubah bagian CSS nya. Semua kembali pada kebutuhan masing-masing.

Hasil jadi dari tutorial kali ini adalah sebagai berikut :



Berikut adalah Cara Membuat Random Posts by Labels untuk Blog Film

1. Buka akun Blogger
2. Pilih Tema
3. Copy kode CSS dibawah ini, dan paste (letakkan) diatas kode <body atau dibawah kode </head >
<style>#_ft-arleth {}
#_ft-arleth ul{padding:0;margin:auto;overflow:hidden;list-style:none}
#_ft-arleth ul li{float:left;margin:0 3px;max-height:220px;overflow:inherit;position:relative;margin-bottom: 5px;}
#_ft-arleth span.show-itempost{padding:0;height:0;margin:0}
#_ft-arleth a.title-article{position:absolute;bottom:0;font-size:11px;line-height:12px;background:rgba(0,0,0,0.6);padding:5px;color:#fff;font-weight:600;max-width:150px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
@media screen and (max-width:640px){#_ft-arleth ul li{float: left;width: 32.1%;margin: 1px 2px;overflow: hidden;padding-bottom: 5px;margin-bottom: 0px;}#_ft-arleth ul li img{float:left}#_ft-arleth a.title-article{display:none;}}</style>
<script type='text/javascript'>/*<![CDATA[*/
$(document).ready(function(){$('#_ft-arleth img').attr('src',function(i,src){return src.replace('s72-c','w120-h170-c');});});
/*]]>*/</script>
4. Simpan Template
5. Buka meu Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
6. Copy kode HTML dibawah ini, lalu letakkan pada widget baru tersebut
<script type='text/javascript'>/*<![CDATA[*/
var fiturzo=0,
fiturz=5,
numchars=0,titleinarticle=new Array,relurls=new Array,showpostbody=new Array,_featuredimage=new Array;
function _featuredpost(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function reading_article(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];titleinarticle[fiturzo]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),showpostbody[fiturzo]=_featuredpost(postcontent,numchars),"media$thumbnail"in e?postimg=e.media$thumbnail.url:postimg="https://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF",_featuredimage[fiturzo]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[fiturzo]=e.link[n].href;break}fiturzo++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function showarticle(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=titleinarticle[t],e.length+=1,e[e.length-1]=showpostbody[t],n.length+=1,n[n.length-1]=_featuredimage[t]);titleinarticle=l,relurls=r,showpostbody=e,_featuredimage=n;for(var t=0;t<titleinarticle.length;t++){var a=Math.floor((titleinarticle.length-1)*Math.random()),u=titleinarticle[t],i=relurls[t],o=showpostbody[t],s=_featuredimage[t];titleinarticle[t]=titleinarticle[a],relurls[t]=relurls[a],showpostbody[t]=showpostbody[a],_featuredimage[t]=_featuredimage[a],titleinarticle[a]=u,relurls[a]=i,showpostbody[a]=o,_featuredimage[a]=s}for(var g,m=0,d=Math.floor((titleinarticle.length-1)*Math.random()),c=d,h=document.URL;fiturz>m&&(relurls[d]==h||(g="<li>",g+="<a href='"+relurls[d]+"' rel='nofollow' title='"+titleinarticle[d]+"'><div class='_img'><img src='"+_featuredimage[d]+"' /></div></a>",g+="<a class='title-article' href='"+relurls[d]+"'>"+titleinarticle[d]+"</a>",g+="<span class='show-itempost'>"+showpostbody[d]+"</span>",g+="</li>",document.write(g),m++,m!=fiturz))&&(d<titleinarticle.length-1?d++:d=0,d!=c););}
/*]]>*/</script>
<script src='/feeds/posts/default/-/Animation?alt=json-in-script&amp;callback=reading_article&amp;max-results=50' type='text/javascript'></script>
<div id='_ft-arleth'><ul>
<script type='text/javascript'>showarticle();</script>
</ul></div>
  1. Ubah angka pada fiturz=5, untuk menentukan jumlah posts yang ingin ditampilkan
  2. Cari kode /feeds/posts/default/-/Animation dan ubah Animation nya menjadi nama Labels yang ingin ditampilkan

7. Simpan Widget dan lihat hasilnya. Sisanya bisa kalian explore sendiri.

Itulah informasi mengenai "Cara Membuat Random Posts by Labels untuk Blog Film", selamat mencoba dan semoga bermanfaat. Goodluck!






Lebih baru Lebih lama