Cara Membuat Random Post Dengan Tumbnail/Gambar (Bergambar)
hari ini saya akan membawakan artikel tentang/untuk blog agan yaitu
Cara Membuat Random Post Dengan Tumbnail (Bergambar). Artikel ini sangat berguna untuk agan / aganwati berikan blog agan/aganwati supaya pengunjung/visitor agan mudah untuk mencari artikel dengan mudah. pasti udah gak sabarkan baiklah kita langsung saja mulai cara-caranya.
Caranya yaitu:
1. Login dengan akun agan
2. Masuk ke menu Tata letak
3. Klik
tambah gadget => pilih
HTML/Javascript
4. Masukan
code/script di bawah ini:
/** RandomPostDenganTumbnail **/juragandawet69
font-weight: bold !important;
font-size: 12px !important;
margin-bottom: 5px !important;
border-bottom: 1px dotted #686868;
font-size: 12px !important;
line-height: 20px !important;
word-wrap: break-word !important;
margin: 5px 5px 2px 0px !important;
font-style: italic !important;
margin-bottom: 3px !important;
<script type="text/javascript">
var randarray = new Array();
var lengthsummary = 120; //Jumlah karakter postingan yang ditampilkan
var numofpost=5; //Jumlah postingan yang ditampilkan
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0; i < numofpost;){
randarray.length=numofpost;
l=Math.floor(Math.random()*total);
var entry=json.feed.entry[p-1];
var posttitle = entry.title.$t || "[Untitled]";
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
if ("content" in entry) {
summary = entry.content.$t;
else if ("summary" in entry) {
summary = entry.summary.$t;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
document.write('</div>');
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
Keterangannya :
- Sript/Kode Warna Biru: Mengatur lebar dan tinggi gambar/thumbnail pada random post agan.
- Sript/Kode Warna Hijau: Jumlah karakter/huruf pada ringkasan yang ingin ditampilkan agan nanti.
- Sript/Kode Warna Merah : Jumlah Postingan yang ingin ditampilkan agan.
5. Klik simpan dan coba lihat hasilnya gan.
Gimana mudahkan gan cukup itu saja artikel tentang
Cara Membuat Random Post Dengan Tumbnail (Bergambar) yang bisa saya sampaikan semoga artikel ini dapat berguna untuk agan maupun aganwati terima kasih dan semoga bermanfaat
Published By:
Tsani Aziz | Jika Ingin Copas Tolong Sertakan Sumber Di Bawah ini
Terimah Kasih telah membaca artikel
Cara Membuat Random Post Dengan Tumbnail (Bergambar) di Blog. Yang ditulis oleh Tsani Aziz .Pada hariMinggu, 26 Oktober 2014. Jika anda ingin sebarluaskan artikel ini, mohon sertakan
sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar Dan Jika Anda Memberi Like/Share Saya Sangat Berterima Kasih. Sekian Trimakasih ^_^