Cara Buat Daftar Isi Satu Label Tertentu Dalam Postingan Blog Secara Otomatis

Menampilkan judul postingan blog secara otomatis hanya untuk satu label pada postingan blog/web. Banyak orang inggin melihat daftar atau list satu jenis artikel tertentu untuk mempermudah pencarian. Sebenarnya sudah lengkap ada di sitemap atau klik saja label tertentu maka akan tampil daftar judulnya.

Jika klik label maka yang tampil “judul, gambar dan sedikit isi artikel”. Sedangkan kalau klik sitemap maka daftar isi akan tampil secara keseluruhan. Sebagian orang kalau melihat terlalu banyak dan bercampur mereka malas untuk membacanya. Nah disini menunjukkan solusinya.

Selain mempermudah pengunjung melihat daftar judul untuk satu nice/jenis maka cara ini juga dapat mengundang visitor. Salah satu tumpuan kita buat judul artikel “Kumpulan tutorial Blogging mulai awal hingga bisa”. Isinya teman cukup menciptakan kata kata pengantar dan berikan instruksi HTML maka daftar judulnya akan tampil otomatis.

Baca Juga:  4 Penyebab Blog Sepi Pengunjung

Baca juga : Cara ganti Warna, Ukuran dan Jenis Font di Post Body Blog melalui HTML

Bagaimana, apakah teman tertarik untuk membuatnya, kalau iya silahkan ikuti tutorial di bawah ini :

Langkah 1 : Silahkan buat artikelnya dulu dan untuk menambahkan daftar satu label silahkan copy instruksi HTML di bawah ini.

Advertisement

<script type=”text/javascript”> var numposts = 100; var standardstyling = true; function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == ‘alternate’) { posturl = entry.link[k].href; break; }} posttitle = posttitle.link(posturl); if (standardstyling) document.write(‘<li>’); document.write(posttitle);} if (standardstyling) document.write(‘</li>’); } </script>
<ul>
<h3>Tutorial Blogging</h3>
<script src=”https://www./feeds/posts/default/-/Tutorial%20Blogging?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>
</ul>

Langkah 2 : Jangan lupa ganti URL Blog dan nama labelnya ibarat tumpuan aku beri warna merah. Jika sudah masuk ke postingan pilih mode HTML dan paste instruksi tersebut.

Baca Juga:  8 Tips Dan Cara Menentukan Template Premium Blogger Yang Baik

Langkah 3 : Bisa juga teman tambahkan di sidebar dengan cara pilih Layout >> Add a Gadget >> HTML/JavaScript. Paste dan klik Publish, lihat karenanya maka daftar judul satu label akan tampil secara otomatis.

Berapapun artikel dibentuk dengan memakai label tersebut maka akan bertambah terus tanpa harus kita edit manual. Cara ini cukup efektif supaya pengunjung betah dan merasa melihat artikel kita lengkap dengan satu kelompok. Silahkan teman coba kalau terjadi error atau tidak tampil silahkan tanya di kolom komentar.

Jika teman inggin mencoba menampilkan beberapa label dapat gunakan instruksi HTML dibawah ini :

Untuk memasang beberapa label, teman cukup tambahkan instruksi ini sempurna dibawah instruksi di atas. Jangan lupa ganti Nama Label, Alamat Blog/WEB dan nama Labelnya.

Baca Juga:  Opa7 ~ Template Download Software

<ul>
<h3>Nama Label</h3>
<script src=”https://www./feeds/posts/default/-/Label?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>
</ul>

Baca juga : Cara memperbaiki Sitemap yang hilang atau blank di blogspot

Itulah sedikit tips dan trik dalam menciptakan sebuah postingan blog untuk menampilkan label tertentu. Kode ini dapat juga di gunakan pada widget sidebar atau daftar artikel di bawah blog. Supaya lebih menarik dapat tambahkan warna dan garis tepinya pada widget tersebut. Selamat mencoba dan biar berhasil.
Sumber https://www.mastimon.com/