Tips Cara Menampilkan Postingan Blog dengan Label Tertentu – Postingan di suatu blog pada blogspot merupakakan pokok penting yang digunakan sebagai media perantara penyampaian informasi ,baik mengenai sebuah bahan bacaan maupun sebuah tutorial untuk di praktekan.
Secara umum situs blogspot terdiri atas beberapa elemen penting diantaranya yaitu menu navigasi, menu postingan, menu sidebar dan menu pada footer. Penempatan tersebut merupakan hal yang umum dilakukan seorang blogger.
Setiap halaman konten terdapat beberapa jenis penataan dan penempatan konten, misalnya di halaman depan hanya ingin diberikan konten secaraw terbaru, namun juga ada yang ingin diberikan dengan jenis kategori tertentu. Maka dari itu blog kodingin.com ingin berbagi cara menampilkan postingan blog berdasarkan label tertentu.
Cara menampilkan postingan blog blogspot dengan label tertentu
Langkah ke – 1
Membuka halaman utama dashboard blogspot pada situs blogger.
Langkah ke – 2
Pergi ke halaman tata letak kemudian silahkan tentukan di bagian mana postingan berdasarkan “label” postingan di tentukan. Setelah menentukan letak tampilan silahkan tambah widget dan pilih elemen HTML.
- Baca Juga : Langkah Membuat Halaman Disclaimer Blog dengan Mudah
- Baca Juga : Ini Cara Mengganti Nama Blogger dan Dampak Negatifnya
Langkah ke – 3
Setelah itu akan di tampilkan kolom yang digunakan untuk memasukan kode HTML maupun javascript, selain itu juga bisa meload javascript maupun CSS dari luar.
Silahkan salin kode di bawah ini :
<script style="text/javascript">
var jumlahpostingan= 5;
var style= true;
</script>
<script type='text/javascript'>
function showrecentposts(json) {
for (var i = 0; i < jumlahpostingan; i++) {
var entry = json.feed.entry[i];
var judul = entry.title.$t;
if (i == json.feed.entry.lenvar link;gth)
break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
link= entry.link[k].href; break;
}}
judul = judul .link(link);
if (style) document.write('<li>');
document.write(judul);
}
if (style) document.write('</li>');
}
</script>
<ul>
<script src="/feeds/posts/default/-/nama-label-andaorderby=published&alt=json-in-script&callback=showrecentposts&max-results=500">
</script>
</ul>Setelah itu silahkan kilik simpan.
Langkah ke – 4
Silahkan simpan tata letak halaman anda dan lihat hasilnya. Untuk mengubah tampilan postingan yang ditampilkan silahkan tambahkan elemen li , misalnya di bagian li diberikan suatu class tertentu yang bisa di buat di halaman edit HTML, silahkan edit sesuai selera tampilan anda.(kodingin.com)
Info ruanglab lainnya:
- Mana Yang Lebih Baik? Perbandingan Blogger VS Weebly
- Tak Hanya Google Adsense, Begini Cara Blog Hasilkan Uang
- Ikuti Cara Ini agar di Terima Google Adsense dengan Cepat
