Searching...
Thursday, February 12, 2015

Cara Membuat Random Post Keren di Blogspot

Jika elu bisa melihat Random Post di blog keren ini, berarti elu calon orang keren bray.  Gue tahu elu masuk blog gue karena elu ingin membuat random post macam punya gue kan bray?
Membuat random post keren macam ntu di blog gampang bray.  Apa lagi kalau elu emang blogger yang setiap pada blogspot bray.  Karena blogspot besutan google ini selain mudah digunakan juga banyak penggunanya bray.  Juga gratis tentu saja bray.
Gue akan lihatkan ke elu dulu bray bejimane wujud asli random post yang keren macem punya gue ntu bray.

cara membuat random post yang keren di blogspot
Wujud random keren yang bisa elu tanem di blog elu bray

Keren kan bray, ya pastilah.  Nah sebenernya membuat random post macam ntu kagak susah dan kagak pusing bray.  Elu cukup klik dan copas tanpa harus mencari kode atau script tamplate html elu bray.  Nah inilah salah satu kemudahan blogspot yang banyak digunakan oleh blogger bray.  Mulai dari blogger newbie hingga blogger master bray.  Jika elu udah kebelet pingin punya random post macam gue, simak baik-baik tutorial gue ini bray.

1.  Pastikan elu keren dan ganteng macam gue bray.  Kenapa begitu? Karena orang keren dan ganteng pastinya mau masuk ke blogger.com dulu bray.

2.  Jika elu udah jadi orang keren, elu harus masuk ke tata letak atau layout dulu bray.  Lihat gambar gue di bawah ini bray.

Cara Membuat Random Post Keren di Blogspot
Lihat tanda panah jangan lihat foto keren gue bray

3.  Scroll ke bawah bray, atau terserah elu mau scroll kemana aja bray, yang penting idup elu bahagia macam gue bray.  Asal elu kagak Scroll ke masa lalu bray.  Klik Add a Gadget dan cari yang namanya Html / Java Script bray.  Dalam langkah ini elu juga harus scroll ke bawah bray.  Lihat macam gambar gue di bawah ini bray.

Cara Membuat Random Post Keren di Blogspot
Lakukan sesuai dengan urutan nomor biar hidup elu teratur bray

4.  Langkah ke empat atau langkah terakhir ini adalah langkah finishing bray.  Dimana elu kudu menulis scriptnya bray.  Jika elu kagak bisa nulis script random post yang keren macam di blog gue ini, berarti elu kudu jago copy dan paste bray.  Jika elu kagak bisa copy paste mending elu tidur sekarang juga dah bray, mana tahu elu ngimpiin gue bray.  Lakukan copy paste script di bawah ini bray.

<style type="text/css">
.noop-random-posts ul li {
    list-style-image:none;
}.noop-random-posts ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
.noop-random-posts ul li {
border: 0 none;
margin: 5px 0;
padding: 5px;
position: relative;
}
.noop-random-posts ul li:first-child {
background: none repeat scroll 0 0 #FF4C54;
width: 92%;
}
.noop-random-posts ul li:first-child:after {
content: "1";
}
.noop-random-posts ul li:first-child + li {
background: none repeat scroll 0 0 #FF764C;
width: 92%;
}
.noop-random-posts ul li:first-child + li:after {
content: "2";
}
.noop-random-posts ul li:first-child + li + li {
background: none repeat scroll 0 0 #FFDE4C;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li:after {
content: "3";
}
.noop-random-posts ul li:first-child + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li:after {
content: "4";
}
.noop-random-posts ul li:first-child + li + li + li + li {
background: none repeat scroll 0 0 #33C9F7;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li:after {
content: "5";
}
.noop-random-posts ul li:first-child + li + li + li + li + li {
background: none repeat scroll 0 0 #7EE3C7;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li:after {
content: "6";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F6993D;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li:after {
content: "7";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F59095;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after {
content: "8";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
content: "9";
}
.noop-random-posts ul li:first-child:after, .noop-random-posts ul li:first-child + li:after, .noop-random-posts ul li:first-child + li + li:after, .noop-random-posts ul li:first-child + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
background: none repeat scroll 0 0 #353535;
border-radius: 50% 50% 50% 50%;
color: #FFFFFF;
font-size: 12px;
height: 30px;
position: absolute;
right: -17px;
text-align: center;
top: 1px;
width: 30px;
}
.noop-random-posts ul li a {
color: #444444;
font-size: 12px;
font-family: Century Gothic, sans-serif;
text-decoration: none;
}
</style>
<div class="noop-random-posts"><script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=5;function nooprandomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

Pastekan di kolom script bray.  Macam gambar gue di bawah ini dan jangan lupa elu memberi nama bray.  Terserah elu mau memberi nama apaan bray yang penting elu mengerti aja dah bray.

Cara Membuat Random Post Keren di Blogspot
Paste di kolom ini bray biar idup elu penuh warna macam random post yang keren ini bray.


Nah cukup mudah kan bray.  Pastilah, apa yang gue share di blog keren ini ntu selalu mudah dan pastinya tanpa mengurangi ekstensi keren bray.  Jika elu suka mahakarya gue ini, elu boleh mambagikan ke guru mantan elu bray, beri tahu dia kalau idup elu sekarang udah penuh warna dengan random post menempel di blog elu bray.

Udah gitu aja bray, yo bay.
Post a Comment