Showing posts with label artikel. Show all posts
Showing posts with label artikel. Show all posts
Thursday, November 7, 2013
Tampilkan Artikel Berdasarkan Katagori
Kawan masih ingat dengan postingan saya Tampilkan Artikel berdasarkan Katagori plus Thumbnail :q; karena berisi image secara otomatis akan sedikit memberatkan Blog, walau Thumbnail / image-nya bisa tidak ditampilkan :y; disebabkan scriptnya sedikit lebih banyak atau postingan saya tentang Tampilkan Judul saja dari Katagori
Sekarang yang akan saya bagikan dengan kawan Tampilkan Artikel Berdasarkan Katagori yang sedikit berbeda karena tanpa image :z;
Caranya :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor pilih Tata Letak - Tambahkan Gadget
- Pilih tanda [+] pada HTML / JavaScript
- Copas kode berikut kedalamnya
<script src="https://sites.google.com/site/blogbegocreation/javascript/kategori.js"></script>
<script>
var numposts = 15;
var showpostdate = false;
var showpostsummary =false;
var numchars = 125;
</script>
<script src="http://blogbego-creation.blogspot.com/feeds/posts/default/-/tips%20trik?orderby=published&alt=json-in-script&callback=rp">
</script>
Silahkan kawan ganti teks yang saya beri warna merah : - Angka 15 adalah jumlah Katagori dari Artikel yang ingin kawan tampilkan
- blogbego-creation dengan URL Blog kawan
- tips%20trik dengan Katagori dari Artikel yang ingin kawan tampilkan, [%20] adalah spasi yang aslinya [tips trik]
- var showpostdate untuk menampilkan tanggal [false/true = pilih]
- var showpostsummary untuk menampilkan sedikit isi postingan dari Katagori [false/true = pilih]
- Simpan Blog kawan
Script ini bisa digabung pada gadget yang sudah ada atau pada satu gadget bisa diisi beberapa script Katagori asal masing-masing diberi Judulnya
Sebenarnya pada Google [Blogspot] widget ini sudah ada cuma Katagori yang bisa ditampilkan dalam satu widget maksimal [5] dan tidak bisa digabung
Cara Memasang Artikel Acak di Blog
Dengan memasang widget ini, postingan - postingan lawas yang kemungkina sudah lama tak di lihat pengunjung ( apalagi artikel yang tak memperoleh top 10 google ) akan di tampilkan kembali secara acak bersama postingan - postingan lawas dan postingan terkini lainnya.
Sobat yang tertarik memasang widget random post di blog silahkan ikuti tutorial berikut.
1. Klik Rancangan --> Elemen laman --> Tambah Gadget --> Pilih HTML/Javascript
2. Masukkan kode berikut ke dalam kotak yang di sediakan
<div style="overflow:auto; width:auto; height:250px; padding:5px;border:px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(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(<ol>);
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(</ol>);}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script><span style="float:right; color:#000000;">Get this <a target="_blank" href="http://blogspot.com/2012/03/cara-memasang-artikel-acak-di-blog.html"> widget! </a></span></div>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(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(<ol>);
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(</ol>);}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script><span style="float:right; color:#000000;">Get this <a target="_blank" href="http://blogspot.com/2012/03/cara-memasang-artikel-acak-di-blog.html"> widget! </a></span></div>
catatan :
var numofpost=10 berarti jumlah postingan acak yang akan di tampilkan berjumlah 10, silahkan tambah atau kurangi angkahnya dengan memperhitungkan berat loading blog.
3. Klik save dan lihat hasilnya.
Singkat padat namun di harapkan bisa membantu...
sekian...
Subscribe to:
Posts (Atom)