Home » , » Kode Javascrip Recent Post Berdasarkan Label

Kode Javascrip Recent Post Berdasarkan Label

Written By Bayu Winarko on Senin, 14 April 2014 | 03.34

Kode Javascript Recent Post :




Mungkin sudah banyak artikel tentang Coding membuat Recent Post / Artikel Terbaru di suatu Blog atau Situs yang gunanya untuk mempermudah para pembaca melihat "HOT TOPIC" artikel di sebuat Situs. Kali ini ada salah satu Coding Javascript Recent Post untuk mempercantik tampilan Blogger kalian.

kelebihan dari Recent Post kali ini, adalah pada artikel yang ditampilkan dikelompokan berdasarkan Labelnya masing-masing, sehingga tidak memakan banyak ruang di halaman Blog kita. Bagaimana ? apakah kalian semua berminat ?

Jika berminat berikut ini langkah-langkahnya :

1. Login ke Blog kalian masing-masing
2. Pilih Tata Letak
3. Kemudian pilih dimana kalian akan menaruh listing Javascripnyacari
4. Pilih Tambah Gadget, Lalu pilih HTML/JavaScript
5. Jika sudah, Copy dan Paste Listing dibawah ini :

<div style="overflow:auto;width:100%px;height:200px;padding:10px;border:1px solid #000000">
<span id="pbl_labels"></span>
<div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">
var jumlah_maksimum_post = 10;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>

<script type="text/javascript">
1
2
3
//<![CDATA[
var num=jumlah_maksimum_post;
var wsumm=dengan_ringkasan;
var summlen=jumlah_karakter_ringkasan;
var json;var labels;
function entryHasLabel(entry,label){
if(label=="*"){return true}var labels=getPostLabels(entry);
return isExists(labels,label)}function getAllLabels(json){var labels=[];
var entries=json.feed.entry;for(var i=0;i<entries.length;i++){var entry=entries[i];
var categories=entry.category;if(!categories){continue}for(var j=0;j<categories.length;j++){var category=categories[j];
var label=category.term;if(!isExists(labels,label)){labels.push(label)}}}labels.sort();return labels
}
function getContent(entry){
if(!wsumm){return""}var content=entry.content?entry.content.$t:entry.summary.$t;content=stripHTML(content);
if(content.length<=summlen){return content}content=content.substr(0,summlen);
if(content.charAt(content.length-1)!=" "){content=content.substr(0,content.lastIndexOf(" ")+1)}content+="...";return content
}
function getPermalink(entry){
var links=entry.link;if(!links){return null}for(var i=0;i<links.length;i++){var link=links[i];
if(link.rel=="alternate"){return link.href}}return null
}
function getPostLabels(entry){
var labels=[];
var categories=entry.category;
if(!categories){return labels}for(var i=0;i<categories.length;i++){labels.push(categories[i].term)}return labels
}
function getRecentPosts(json,label){
var posts=[];
var entries=json.feed.entry;
var i=0;while(posts.length<num){if(i==entries.length){break}var entry=entries[i];
if(entryHasLabel(entry,label)){var title=entry.title.$t;var href=getPermalink(entry);
var content=getContent(entry);
var post={"title":title,"href":href,"content":content};posts.push(post)}i++}return posts
}
function isExists(array,val){
for(var i=0;i<array.length;i++){if(array[i]==val){return true}}return false
}
function onLoadFeed(json_arg){
json=json_arg;labels=getAllLabels(json);showLabels(labels);showLabeledPosts("*")
}
function showLabeledPosts(label){
posts=getRecentPosts(json,label);showPosts(posts)
}
function showLabels(labels){
var s="";s+="<select onchange='showLabeledPosts(this.value)'>";s+="<option value='*'/>All Labels";
for(var i=0;i<labels.length;i++){
var label=labels[i];s+="<option value='"+label+"'/>"+label}s+="</select>";document.getElementById("pbl_labels").innerHTML=s
}
function showPosts(posts){
var s="";if(!wsumm){s+="<ul>"}
for(var i=0;i<posts.length;i++){
var post=posts[i];if(wsumm){
s+="<p>";s+="<b><a href='"+post.href+"'>"+post.title+"</a></b> <br/>";
s+=post.content;s+="<br/><a href='"+post.href+"'> continue&gt;&gt; </a>";s+="</p>"}
else{
s+="<li><ahref='"+post.href+"'>"+post.title+"</a></li>"}}if(!wsumm){s+="</ul>"}document.getElementById("pbl_posts").innerHTML=s}function stripHTML(s){var c;var intag=false;var newstr="";for(var i=0;i<s.length;i++){c=s.charAt(i);if(c=="<"){intag=true}else if(c==">"){intag=false}if(c==">"){newstr+=" "}else if(!intag){newstr+=c}}return newstr
}
//]]>
</script>

<scriptsrc="http://winarkogroup.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script>
</div>



Note : untuk text berwarna merah, silahkan ganti dengan alamat URL Blog kalian.
Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Winarko - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger