Tutorial Memasang Widget Recent Post Di Blogspot
Kali ini saya akan membagikan Tutorial memasang widget recent post di blogspot. Dengan tampilan hanya Judul postingan saja ini berfungsi agar membaut loading blog kamu nantinya tidak lemot script yang saya gunakan juga ringan diblogger.
Berikut ini langsung saja Tutorial memasang widget recent post di blogspot, langsung saja langkahnya sebagai berikut :
1. Silahkan buka Blogger kamu
2. Sebelum kamu uji cobakan pada blog kamu, saya sarankan untuk membackup template kamu terlebih dahulu agar nantinya jika salah atau ada kendala kami dapat memgembalikannya dengan mudah.
3.masuk ke ke menu Tema > edit HTML.
4. Setelah itu Ctrl + f, kopi dan pastekan kode </head>.
Js
<b:if cond='data:blog.isMobile == "false"'>
<script type='text/javascript'>
//<![CDATA[
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++) {
if (i == json.feed.entry.length) break;
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
entryUrl = json.feed.entry[i].link[j].href;
break;
}
}
var entryTitle = json.feed.entry[i].title.$t;
var item = '<li>' + '<a href="' + entryUrl + '" title="' + entryTitle + '">' + entryTitle + '</a></li>';
document.write(item);
}
document.write('</ul>');
}
//]]>
</script>
</b:if>c
Note : gunakan kode <b:if cond='data:blog.isMobile == "false"'> , dengan menggunkan kode script itu jadi ketika kamu menggunkan custom template mobile javascript maka akan tidak ditampilakan, jika ingin tetap menampilkan sewaktu ,eload javascript tersebut dimobile silahkan hapus kode <b:if cond='data:blog.isMobile ==,"false"'>, dan </b:if>.
4. Lalu berikutnya tinggal dimasukan ke widget HTML/Javascript kode berikut
<script src='/feeds/posts/default?orderby=published&max-results=8&alt=json-in-script&callback=recentpostslist'/>Script diatas untuk menampilkan semua poetingan terbaru sebanyak 8 buah, kami bisa menganti kode max-results=8,ganti angka 8 sesukamu, jika ingin menampilkan postingan terbaru pada salah satu label kamu, kamu bisa mencoba kode berikut
<script src='/feeds/posts/default/-/namalabelanda?max-results=7&alt=json-in-script&callback=recentpostslist'/>
<script src='/feeds/posts/default/-/namalabelanda?max-results=7&alt=json-in-script&callback=recentpostslist'/>
Lalu kamu bisa ubah namalabelanda , dengan label yang kamu pilih atau yang ada pada blogger kamu.
0 Response to "Tutorial Memasang Widget Recent Post Di Blogspot"
Posting Komentar