Cara Mengambil Postingan dari Feeds Blogspot dengan Java Script JSON
Buat kamu yang memiliki blog yang cukup banyak dan ingin menampilkan postingan terbaru dari blog satu ke yg lainnya, kamu membutuhkan script dibawah ini.
Script Ambil Post Feeds Blogger dengan JSON
Secara default google mengaktifkan JSON di setiap produk nya terutama Blogspot atau blogger. Google juga menjelaskan dalam page developernya tentang penggunaan JSON untuk mengambil data dari suatu blog. Jadi, selain bisa mengambil post dari blogger milik kamu, script dibawah ini juga dapat mengambil post melalui feed blog orang lain juga loh.
Seperti yang kamu tahu, blogger ataupun blogspot merupakan salah satu fasilitas blogging dari Google yang memiliki feeds format XML. Biasanya feeds dari blogspot ini berurl di https://nubieprogram.blogspot.com/feeds/posts/default . Nah, dari url tersebut kamu dapat membaca keseluran isi blog kamu tanpa kecuali, mulai dari judul, isi, gambar hingga tagnya. Untuk itu, kamu membutuhkan script JSON dibawah ini untuk mengambil dan memproses nya kedalam aturan yang ingin kamu gunakan.
<div id="Postingan"></div>
<script type="text/javascript">
function AmbilPostFeed(json) {
var list = [];
var data = json.feed.entry;
for (var i = 0; i < data.length; i++) {
var img = data[i].media$thumbnail ? "<img src='" + data[i].media$thumbnail.url + "'>" : "";
var Title = data[i].title.$t;
var content = data[i].content.$t;
var stripcontent = content.replace(/(<([^>]+)>)/gi, "");
var TrimmedContent = stripcontent.substring(0, 150);
for(var o=0;o<data[i].link.length;o++){
if("replies"==data[i].link[o].rel&&"text/html"==data[i].link[o].type)
var l=data[i].link[o].title,m=data[i].link[o].href;
if("alternate"==data[i].link[o].rel){
Postlink=data[i].link[o].href;break
}
}
list.push("<a href='"+ Postlink +"'><h1>"+ Title +"</h1></a><p>" + img + "." + TrimmedContent + </p>");
}
document.getElementById('Postingan').innerHTML = list.join('');
}
</script>
<script src="https://nubieprogram.blogspot.com/feeds/posts/default?alt=json&max-results=3&callback=AmbilPostFeed"></script>
Dari script diatas, kamu dapat merubahnya sesuai dengan blog kamu, namun pastikan setiap tag memiliki kesamaan nama ya.
Script Ambil Post Feeds Blogger dengan JSON Berdasarkan Label Terpilih
Bagi kamu yang ingin mengambil postingan dari feeds blogspot dengan java script JSON yang memiliki label terpilih atau dengan kata lain mengambil seluruh post dari salah satu label, maka kamu hanya perlu merubah script diatas menjadi seperti dibawah ini;
<div id="PostinganLabel"></div>
<script type="text/javascript">
function PostinganLabelPost(json) {
var list = [];
var data = json.feed.entry;
for (var i = 0; i < data.length; i++) {
var img = data[i].media$thumbnail ? "<img src='" + data[i].media$thumbnail.url + "'>" : "";
var content = data[i].content.$t;
var stripcontent = content.replace(/(<([^>]+)>)/gi, "");
var trimcontent = stripcontent.substring(0, 0);
for(var o=0;o<data[i].link.length;o++){
if("replies"==data[i].link[o].rel&&"text/html"==data[i].link[o].type)
var l=data[i].link[o].title,m=data[i].link[o].href;
if("alternate"==data[i].link[o].rel){
Postlink=data[i].link[o].href;break
}
}
list.push("<a href='"+ Postlink +"'><h1>"+ Title +"</h1></a><p>" + img + "." + TrimmedContent + </p>");
}
document.getElementById('PostinganLabel').innerHTML = list.join('');
}
</script>
<script src="https://nubieprogram.blogspot.com/feeds/posts/default/-/labelterpilih?alt=json&max-results=3&callback=PostinganLabelPost"></script>
Kamu dapat merubah labelterpilih pada script diatas sesuai dengan label yang kamu inginkan. Itulah cara mengambil postingan dari Feeds blogspot atau blogger dengan menggunakan Java Script JSON.
