Cara membuat daftar isi blog keren terbaru How to make Kupang Tech News

Cara membuat daftar isi blog keren terbaru dan terpopuler

"Membuat daftar isi blog keren otomatis full responsif atau cara membuat daftar isi blog (Sitemap) berdasarkan label/kategori".

Apa itu daftar isi blog keren?

Daftar isi/Sitemap "blog" keren adalah sebuah fitur yang biasa disediakan di blog atau situs web yang memiliki banyak label (kategori) dengan tujuan, agar pengunjung dapat dengan mudah mencari postingan artikel yang dibutuhkan.namun!🤔

Bagaimana cara membuat daftar isi blog keren?

Pada postingan artikel kali ini kami menuliskan untuk anda bagaimana langkah langkah membuat daftar isi blog yang keren otomatis, responsif dan juga SEO friendly.

Daftar isi/sitemap yang kami sediakan ini didapat dari berbagai sumber yang mungkin anda pernah mencoba menerapkan nya di situs atau blog-web anda namun tidak berfungsi dengan baik, maka dari itu kami berinisiatif untuk mengedit kembali dan membagikan ulang untuk anda gunakan.

Info:Daftar isi/sitemap yang kami maksudkan ini mungkin! dapat berfungsi 100% pada template blog keren kesayangan anda, cobalah satu persatu hingga daftar isi blog keren tersebut kompatibel dengan template blog anda. Untuk beberapa daftar isi (sitemap) saat ini tidak berfungsi dengan baik pada pratinjau/Demo blog kami, karena template yang kami gunakan membatasi berbagai jenis script yang ditempatkan di dalam daftar isi yang di bagikan ini.

Untuk memenuhi rasa keinginan anda menggunakan daftar isi/sitemap yang kami sediakan,anda dapat memilih salah satu dari 10 sitemap otomatis responsif dan SEO friendly yang kami sediakan di bawah ini.

Tips & Triks: Cobalah satu persatu hingga cocok dengan template yang anda gunakan.

10 cara membuat daftar isi blog keren terbaru, responsif dan juga SEO friendly

Dalam hal memudahkan penerapan 10 daftar isi blog keren terbaru,responsif dan juga SEO friendly yang kami sediakan, sebaiknya untuk yang masih baru (PEMULA) dapat membaca tutorial singkat tentang cara membuat daftar isi di halaman statis blog dibawah ini.

Copy kode Script sitemap.
Masuk ke akun blogger.
Dan dari dasbor blogger,cari dan sentuh fitur laman (page).
Di dalam Tab baru yang terbuka adalah dasbor halaman, cari atau sentuh fitur halaman baru.
Selanjutnya,tab baru yang terbuka adalah editor halaman baru, lengkapi judul halaman kemudian pilih fitur penulis menggunakan metode "HTML".
Kemudian,tempelkan/paste kode Script sitemap otomatis yang telah dicopy tadi.
Langkah yang terakhir,sentuh tombol orange "publikasi" yang berada di sudut kanan atas editor halaman.

Dalam hal penerapan kode Script sitemap,sama persis dengan kita membuat halaman statis pada homepage blog, yang membuat perbedaan adalah jenis dari halaman blog yang ingin ditampilkan pada homepage,contoh: menampilkan halaman statis privasi policy pada homepage, menampilkan halaman statis disclaimer atau penolakan dan menampilkan halaman statis daftar isi/Sitemap blog keren yang kami sediakan disini.

Tips & Triks; Anda dapat membaca tutorial lengkap disini: cara membuat halaman statis di homepage situs blogger.

10 Daftar isi blog keren terbaru dan terpopuler

Copy Kode Script dibawah dan terapkan pada halaman statis blog kesayangan anda.

1.Daftar isi blog keren,Multi feed responsif.

10 daftar isi blog keren multi feed responsif

Demo

Setelah melakukan pratinjau (lihat langsung) dan anda berminat untuk menerapkan pada blog anda!, dapat anda membaca terlebih dahulu keterangan nya di bawah ini.

Cara menggunakan kode Script

Gantikan tulisan yang telah kami tandai dengan background biru sesuai dengan kebutuhan Anda, contoh;

Nama,gantikan sesuai dengan nama label/kategori yang anda inginkan.
URL, gantikan dengan url/alamat blog keren anda.
Tag, gantikan dengan nama label/kategori yang ingin ditampilkan.tips, dalam menganti nama tag atau label usahakan harus sesuai, dari penulis huruf besar ataupun kecil.
Publikasikan.

Apabila anda sudah paham dengan cara menggunakan nya, dapat anda copy Script Sitemap multi feed responsif dibawah ini.

Kode Script Sitemap-1

<div dir="ltr" style="text-align: center;" trbidi="on">
<style scoped="scoped" type="text/css">
.list-entries{background:white;border:1px solid #d8d8d8}
.list-entries ul,.list-entries li{margin:0;padding:0;list-style:none}
.list-entries li{padding:1em;border-bottom:1px solid #ddd}
.list-entries .main-title{padding:0}
.list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#e73138;color:#fff;margin:0;line-height:normal;font-size:14px;margin-top:0!important}
.list-entries .title a{font-weight:300;font-size:14px;text-decoration:none;line-height:.5em;color:#222}
.list-entries .title a:hover{text-decoration:underline;color:#5886a7}
.list-entries img,.list-entries .fake-img{border:none;background-color:#333;margin:0 1em 0 0;padding:0;float:left}
.list-entries .summary{overflow:hidden;color:#999}
.list-entries .more-link{border-bottom:none}
.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#009fef;padding:.5em 1em;position:relative;font-weight:bold;color:white}
.list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;right:.3em;border:4px solid transparent;border-left-color:white;margin-top:-4px}
.list-entries .more-link a:hover{background-color:#333}
.list-entries{margin:7px;width:200px;float:left;font-size:11px}
</style>
<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Rangking SEO",
            url: "https://kupangtechnews.blogspot.com/",
            tag: "SEO"
        },
        {
            name: "Tips Blogger",
            url: "https://kupangtechnews.blogspot.com/",
            tag: "Blogger"
        },
        {
            name: "All Email",
            url: "https://kupangtechnews.blogspot.com/",
            tag: "Email"
        },
        {
            name: "All SosMed",
            url: "https://kupangtechnews.blogspot.com/",
            tag: "Sosmed"
        },
        {
            name: "Search engine",
            url: "https://kupangtechnews.blogspot.com/",
            tag: "SE"
        },
        {
            name: "AdsGoogle",
            url: "https://kupangtechnews.blogspot.com/",
            tag: "AdsGoogle"
        }
    ],
    numPost: 4,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 72,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=8"
    }
};
</script>
<div id="feed-list-container">
</div>
<div style="clear: both;">
</div>
<script src="https://cdn.rawgit.com/BlackAsKariting/Blogger-Kota-Kupang/master/sitemap-mutifeed-dte.js" type="text/javascript"></script>
</div>

Sumber:All Support.
Modifikasi: Kupang Tech News (Black As Kariting).

2.Daftar isi blog keren, Version-Betta.

Demo