Ads

Random Post Blogger

Yo waktu nya tutorial, tutor yang akan saya bagikan kali ini adalah "Cara Membuat Random Post di Blogger berdasarakan Label"

Tutorial nya ada dua jadi silahkan pilih satu, salah satu nya dengan Gambar dan satu nya Berupa list saja.

.
Random Post Blogger
Dagruel

Random Post dengan Gambar

Yang pertama dengan gambar, silahkan buka Blogger > Theme > Edit HTML > cari tag </style> atau ]]></b:skin> dan tempelkan css berikut di atas nya.

#reRandom {background-color:#008c5f; padding:0px; margin:0px;}
#reRandom ul {padding:0px; margin:0px;}
#reRandom ul li {margin:0; padding:15px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.3); transition: all .3s ease;}
#reRandom ul li:last-child {border-bottom:none}
#reRandom ul li .judul {padding:0 10px 0 0}
#reRandom ul li:hover {background-color:rgba(0,0,0,.25)}
#reRandom ul li a {font-size:13px; color:#fff; line-height:16px;}
#reRandom ul li .thumbnail {width:100px; float:left; margin-right:10px; line-height:0px;}
#reRandom ul li img {width:100%; max-width:100%; height: auto;}
#reRandom ul li:first-child {border-bottom:none; padding:0px;}
#reRandom ul li:first-child .thumbnail {width: 100%; display:block; margin:0px;}
#reRandom ul li:first-child .judul {background-color:rgba(29, 33, 41, .6); width:100%; text-align:center; padding:15px; position:absolute; bottom:0px; transition: all .3s ease;}
#reRandom ul li:first-child a {font-size:16px; line-height:22px; transition: all .0s ease;}
#reRandom ul li:first-child a:hover {font-size:20px; line-height:28px;}
#reRandom ul li:first-child a:hover .judul {background-color:rgba(29, 33, 41, 1)}

Jika sudah Save Template, Kemudian Kembali ke Blogger dan pilih Tata Letak buatlah wigdet HTML dan tempelkan script berikut.

<div id='reRandom'></div>
<script type='text/javascript'>//<![CDATA[
// RandomPost by Igniel Edited Dagruel
var reLabel = 'Example'; // ganti Example dengan nama reLabel
var jumlah = 6; // sesuikan angka dengan jumlah post yang ingin ditampilkan
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('u a=["\\e\\c\\B\\g\\h\\m\\f\\v","\\e\\g\\h\\m\\f\\v","\\w\\i\\f\\f\\e","\\i\\c\\h\\K\\b\\N","\\I\\b","\\f\\r\\c\\h\\18\\c\\g\\e\\k\\N\\I\\b\\f\\b\\g\\i\\B\\c\\d\\y\\i\\b\\d","\\w\\c\\c\\m","\\F\\d\\k\\e","\\j\\r\\b\\R\\d\\e\\k\\p\\G","\\f\\e\\j\\K\\j\\h","\\i\\f\\k\\g\\b\\j\\f\\h","\\o\\w\\c\\c\\m\\d\\o\\r\\f\\d\\b\\d\\o\\m\\c\\w\\g\\y\\i\\b\\o\\q\\o","\\T\\g\\i\\b\\p\\Q\\d\\f\\h\\q\\j\\h\\q\\d\\k\\e\\j\\r\\b\\z\\d\\b\\g\\e\\b\\q\\j\\h\\m\\c\\J\\p","\\z\\v\\g\\J\\q\\e\\c\\d\\y\\i\\b\\d\\p","\\z\\k\\g\\i\\i\\U\\g\\k\\S\\p\\e\\c\\B\\g\\h\\m\\f\\v\\G\\E\\F\\o\\d\\k\\e","\\j\\r\\b\\E","\\1a\\e\\j\\b\\c"];u 19=a[0];C O(D,H){A t[a[2]](t[a[1]]()*(H-D+1))+D}C 1c(l){u n=l[a[3]],s,x;1b(n===0){A X};W(--n){s=t[a[2]](t[a[1]]()*(n+1));x=l[n];l[n]=l[s];l[s]=x};A l}C 17(P){u M=O(1,(P[a[6]][a[5]][a[4]]-L));Y[a[16]](a[7]+a[8]+V[a[10]][a[9]]+a[11]+Z+a[12]+M+a[13]+L+a[14]+a[15])}',62,75,'||||||||||_0xa98d|x74|x65|x73|x72|x6F|x61|x6E|x6C|x69|x63|_0x60c5x6|x64|_0x60c5x7|x2F|x3D|x2D|x70|_0x60c5x8|Math|var|x6D|x66|_0x60c5x9|x75|x26|return|x52|function|_0x60c5x3|x3E|x3C|x22|_0x60c5x4|x24|x78|x67|jumlah|_0x60c5xc|x68|getRandomInt|_0x60c5xb|x6A|x20|x6B|x3F|x62|window|while|falplse|document|reLabel||||||||randomPost|x53|containerId|x77|if|shuffleArray'.split('|'),0,{}));
function reRandom(json) {
  var noimg = 'https://1.bp.blogspot.com/-BYDJ1dpFEhE/X9QnAUfeORI/AAAAAAAAHxw/OjfaqiPHjhAmCgJts39XIg7o4KR-8YtdACNcBGAsYHQ/w300-h225-p-k-no-nu/dagruel-no-image.png'; // ganti url dengan url Gambar kalian
  eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('H a=["\\w\\d\\e\\Q\\b\\d\\A\\d\\h\\e\\O\\Z\\W\\n","\\d\\h\\e\\t\\Z","\\F\\d\\d\\n","\\p\\u\\b\\q","\\b\\d\\h\\w\\e\\v","\\b\\f\\h\\T","\\t\\d\\b","\\k\\b\\e\\d\\t\\h\\k\\e\\d","\\v\\t\\d\\F","\\1B","\\1b\\e","\\e\\f\\e\\b\\d","\\A\\d\\n\\f\\k\\1b\\e\\v\\u\\A\\I\\h\\k\\f\\b","\\g\\U\\V\\K\\K\\m\\v\\J\\J\\1d\\m\\z\\m\\T\\m\\h\\B\\m\\h\\u","\\t\\d\\z\\b\\k\\x\\d","\\u\\t\\b","\\v\\e\\e\\z\\r\\1A\\g\\g\\1c\\M\\I\\z\\M\\I\\b\\B\\w\\r\\z\\B\\e\\M\\x\\B\\A\\g\\m\\O\\S\\1y\\1h\\1c\\n\\z\\1z\\Q\\v\\Q\\g\\1f\\1i\\Y\\h\\o\\1H\\F\\d\\1g\\1e\\W\\g\\o\\o\\o\\o\\o\\o\\o\\o\\N\\1F\\U\\g\\1g\\X\\F\\k\\1E\\f\\1x\\N\\X\\v\\o\\A\\1a\\w\\1h\\e\\r\\V\\1i\\1f\\W\\w\\1o\\B\\1r\\1v\\1e\\m\\1w\\S\\e\\n\\o\\1a\\1u\\x\\O\\1t\\o\\r\\S\\N\\Y\\g\\U\\V\\K\\K\\m\\v\\J\\J\\1d\\m\\z\\m\\T\\m\\h\\B\\m\\h\\u\\g\\n\\k\\w\\t\\u\\d\\b\\m\\h\\B\\m\\f\\A\\k\\w\\d\\M\\z\\h\\w","\\p\\b\\f\\q\\p\\k\\D\\v\\t\\d\\F\\C\\l","\\l\\D\\e\\f\\e\\b\\d\\C\\l","\\l\\q\\p\\n\\f\\G\\D\\x\\b\\k\\r\\r\\C\\l\\e\\v\\u\\A\\I\\h\\k\\f\\b\\l\\q\\p\\f\\A\\w\\D\\r\\t\\x\\C\\l","\\l\\D\\k\\b\\e\\C\\l","\\l\\g\\q\\p\\g\\n\\f\\G\\q\\p\\n\\f\\G\\D\\x\\b\\k\\r\\r\\C\\l\\X\\u\\n\\u\\b\\l\\q","\\p\\g\\n\\f\\G\\q\\p\\g\\k\\q\\p\\n\\f\\G\\D\\x\\b\\k\\r\\r\\C\\l\\x\\b\\d\\k\\t\\l\\g\\q\\p\\g\\b\\f\\q","\\f\\h\\h\\d\\t\\N\\1N\\1Q\\1P","\\p\\g\\u\\b\\q"];H R,L,E,1j=1M[a[0]](1J),y=1I(1L[a[2]][a[1]]),P=a[3];1m(H i=0,1l=y[a[4]];i<1l;i++){1m(H j=0,1n=y[i][a[5]][a[4]];j<1n;j++){R=(y[i][a[5]][j][a[6]]==a[7])?y[i][a[5]][j][a[8]]:a[9];E=y[i][a[11]][a[10]];1K(a[12]1O y[i]){L=(y[i][a[12]][a[15]])[a[14]](/\\/s[0-9]+(\\-c)?/,a[13])}1s{L=1k;1k=a[16]}};P+=a[17]+R+a[18]+E+a[19]+L+a[1p]+E+a[18]+E+a[1D]+E+a[1G]};1j[a[1C]]=P+a[1q]',62,115,'||||||||||_0xb68a|x6C||x65|x74|x69|x2F|x6E|||x61|x22|x2D|x64|x41|x3C|x3E|x73||x72|x75|x68|x67|x63|entry|x70|x6D|x6F|x3D|x20|title|x66|x76|var|x62|x32|x30|img|x2E|x48|x42|skeleton|x45|link|x59|x6B|x77|x33|x49|x6A|x51|x79|||||||||||x43|x24|x31|x35|x52|x58|x4F|x4A|x39|ct|noimg|len|for|jen|x37|20|24|x34|else|x47|x4E|x4B|x38|x50|x44|x46|x3A|x23|23|21|x71|x78|22|x55|shuffleArray|containerId|if|json|document|x54|in|x4C|x4D'.split('|'),0,{}));
}
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('G a=["\\o\\8\\e\\b","\\c\\l\\9\\w\\8\\b\\e\\k\\p","\\f\\b\\c\\x\\c\\j","\\g\\f\\e\\d\\9\\c\\f\\j","\\h\\r\\i\\i\\n\\8\\h\\l\\f\\8\\9\\8\\h\\n\\i\\r\\d\\s\\g\\9\\h\\m\\h","\\z\\d\\g\\9\\k\\A\\8\\f\\j\\m\\c\\j\\m\\8\\e\\b\\c\\l\\9\\u\\q\\d\\C\\m\\b\\i\\8\\s\\g\\9\\8\\k\\y\\u\\e\\d\\g\\g\\v\\d\\e\\B\\k\\b\\d\\j\\n\\f\\q\\H\\f\\8\\9\\p\\t\\o\\h\\8\\e\\b","\\c\\l\\9\\t","\\I\\b\\c\\9\\i"];D[a[7]](a[0]+a[1]+E[a[3]][a[2]]+a[4]+F+a[5]+a[6])',45,45,'||||||||x73|x74|_0xa829|x72|x69|x61|x63|x6F|x6C|x2F|x65|x6E|x3D|x70|x2D|x64|x3C|x22|x6D|x66|x75|x3E|x26|x62|x20|x67|x30|x3F|x6A|x6B|x78|document|window|reLabel|var|x50|x77'.split('|'),0,{}));
//]]></script>
Ubah sesuaikan yang di tandai. jika sudah cek blog kalian apakah sudah berhasil.

Random Post berupa List tanpa Gambar

Cara nya masih sama seperti di atas yang berbeda hanyalah css dan script, ganti css dan script di atas dengan yang di bawah.

#reRandomList {background-color:#fff; padding: 0 10px}
#reRandomList ul {list-style: none;padding: 0;margin: 0}
#reRandomList ul li {list-style: none;margin: 0;padding: 5px;border-bottom: 1px dashed #f1f1f1}
#reRandomList ul li a {color: #222d34;transition: all .2s ease}
#reRandomList ul li a:hover {color: #f1f1f1}
<div id='reRandomList'></div>
<script type='text/javascript'>//<![CDATA[
// RandomPost by Igniel Edited Dagruel
var reLabel = 'Example'; // ganti Example dengan nama reLabel
var jumlah = 6; // sesuikan angka dengan jumlah post yang ingin ditampilkan
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('t a=["\\e\\d\\B\\g\\j\\m\\f\\v\\P\\h\\c\\b","\\e\\g\\j\\m\\f\\v","\\w\\i\\f\\f\\e","\\i\\d\\j\\H\\b\\K","\\F\\b","\\f\\q\\d\\j\\19\\d\\g\\e\\k\\K\\F\\b\\f\\b\\g\\i\\B\\d\\c\\C\\i\\b\\c","\\w\\d\\d\\m","\\E\\c\\k\\e","\\h\\q\\b\\U\\c\\e\\k\\p\\O","\\f\\e\\h\\H\\h\\j","\\i\\f\\k\\g\\b\\h\\f\\j","\\n\\w\\d\\d\\m\\c\\n\\q\\f\\c\\b\\c\\n\\m\\d\\w\\g\\C\\i\\b\\n\\r\\n","\\V\\g\\i\\b\\p\\S\\c\\f\\j\\r\\h\\j\\r\\c\\k\\e\\h\\q\\b\\A\\c\\b\\g\\e\\b\\r\\h\\j\\m\\d\\N\\p","\\A\\v\\g\\N\\r\\e\\d\\c\\C\\i\\b\\c\\p","\\A\\k\\g\\i\\i\\T\\g\\k\\R\\p\\e\\d\\B\\g\\j\\m\\f\\v\\P\\h\\c\\b\\O\\Q\\E\\n\\c\\k\\e","\\h\\q\\b\\Q","\\1b\\e\\h\\b\\d"];t 1a=a[0];D L(z,J){x s[a[2]](s[a[1]]()*(J-z+1))+z}D 1d(l){t o=l[a[3]],u,y;1c(o===0){x Y};X(--o){u=s[a[2]](s[a[1]]()*(o+1));y=l[o];l[o]=l[u];l[u]=y};x l}D 18(M){t I=L(1,(M[a[6]][a[5]][a[4]]-G));Z[a[16]](a[7]+a[8]+W[a[10]][a[9]]+a[11]+17+a[12]+I+a[13]+G+a[14]+a[15])}',62,76,'||||||||||_0x8f91|x74|x73|x65|x72|x6F|x61|x69|x6C|x6E|x63|_0xdd57x6|x64|x2F|_0xdd57x7|x3D|x70|x2D|Math|var|_0xdd57x8|x6D|x66|return|_0xdd57x9|_0xdd57x3|x26|x52|x75|function|x3C|x24|jumlah|x67|_0xdd57xc|_0xdd57x4|x68|getRandomInt|_0xdd57xb|x78|x22|x4C|x3E|x6B|x6A|x62|x20|x3F|window|while|falplse|document||||||||reLabel|randomPostList|x53|containerId|x77|if|shuffleArray'.split('|'),0,{}));
function reRandomList(json) {
  eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('u a=["\\H\\b\\d\\O\\c\\b\\L\\b\\l\\d\\M\\D\\J\\o","\\b\\l\\d\\m\\D","\\B\\b\\b\\o","\\f\\v\\c\\e","\\c\\b\\l\\H\\d\\y","\\c\\g\\l\\K","\\m\\b\\c","\\k\\c\\d\\b\\m\\l\\k\\d\\b","\\y\\m\\b\\B","\\P","\\Q\\d","\\d\\g\\d\\c\\b","\\f\\c\\g\\e\\f\\k\\r\\y\\m\\b\\B\\s\\h","\\h\\r\\d\\g\\d\\c\\b\\s\\h","\\h\\e\\f\\o\\g\\w\\r\\x\\c\\k\\q\\q\\s\\h\\N\\v\\o\\v\\c\\h\\e","\\f\\p\\o\\g\\w\\e\\f\\p\\k\\e\\f\\o\\g\\w\\r\\x\\c\\k\\q\\q\\s\\h\\x\\c\\b\\k\\m\\h\\p\\e\\f\\p\\c\\g\\e","\\g\\l\\l\\b\\m\\I\\R\\W\\X","\\f\\p\\v\\c\\e"];u z,t,E=Y[a[0]](Z),n=T(S[a[2]][a[1]]),A=a[3];F(u i=0,G=n[a[4]];i<G;i++){F(u j=0,C=n[i][a[5]][a[4]];j<C;j++){z=(n[i][a[5]][j][a[6]]==a[7])?n[i][a[5]][j][a[8]]:a[9];t=n[i][a[11]][a[10]]};A+=a[12]+z+a[13]+t+a[14]+t+a[15]};E[a[U]]=A+a[V]',62,68,'||||||||||_0x7d66|x65|x6C|x74|x3E|x3C|x69|x22|||x61|x6E|x72|entry|x64|x2F|x73|x20|x3D|title|var|x75|x76|x63|x68|link|skeleton|x66|jen|x79|ct|for|len|x67|x48|x49|x6B|x6D|x42|x6A|x45|x23|x24|x54|json|shuffleArray|16|17|x4D|x4C|document|containerId||||||'.split('|'),0,{}));
}
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('J b=["\\q\\8\\e\\c","\\a\\l\\9\\B\\8\\c\\e\\k\\p","\\d\\c\\a\\w\\a\\j","\\g\\d\\e\\f\\9\\a\\d\\j","\\h\\r\\i\\i\\n\\8\\h\\l\\d\\8\\9\\8\\h\\n\\i\\r\\f\\u\\g\\9\\h\\m\\h","\\z\\f\\g\\9\\k\\y\\8\\d\\j\\m\\a\\j\\m\\8\\e\\c\\a\\l\\9\\s\\o\\f\\v\\m\\c\\i\\8\\u\\g\\9\\8\\k\\x\\s\\e\\f\\g\\g\\A\\f\\e\\C\\k\\c\\f\\j\\n\\d\\o\\H\\d\\8\\9\\I\\a\\8\\9\\p\\t\\q\\h\\8\\e\\c","\\a\\l\\9\\t","\\G\\c\\a\\9\\i"];D[b[7]](b[0]+b[1]+F[b[3]][b[2]]+b[4]+E+b[5]+b[6])',46,46,'||||||||x73|x74|x69|_0x8e6f|x72|x6F|x63|x61|x6C|x2F|x65|x6E|x3D|x70|x2D|x64|x6D|x22|x3C|x66|x26|x3E|x75|x78|x67|x30|x6A|x3F|x62|x20|x6B|document|reLabel|window|x77|x50|x4C|var'.split('|'),0,{}));
//]]></script>

Bagaimana? apa memuaskan. Script ini adalah buatan Igniel yang saya Rombak agar hanya untuk Label tertentu saja, jadi jika ingin yang aslinya bisa kalian cek url di bawah. See You Again.

https://www.igniel.com/2018/11/random-post-thumbnail.html

Comments

Blogger Disqus
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Gunakan <i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan <em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>
×

Berlangganan

Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!