Cara Membuat Halaman Sitemap (Daftar Isi) di Blog - Hallo sahabat TIPS BELAJAR BISNIS ONLINE DAN INTERNET MARKETING, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Halaman Sitemap (Daftar Isi) di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Sitemap, Artikel Tips Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Halaman Sitemap (Daftar Isi) di Blog
link : Cara Membuat Halaman Sitemap (Daftar Isi) di Blog

Cara Membuat Halaman Sitemap (Daftar Isi) di Blog

Cara Membuat Halaman Sitemap atau Daftar Isi - Pada kesempatan kali ini wahid tips akan membagikan sebuah tips blogger bagaimana cara membuat halaman sitemap atau daftar isi di blog.
Sitemap atau dalam bahasa indonesia adalah daftar isi merupakan salah satu halaman penting dalam sebuah blog, dengan adanya sitemap pengunjung blog akan lebih mudah mencari artikel di dalam blog kita. Keberadaan halaman sitemap ini sangat penting, apalagi jika blog yang sudah memasang iklan Google Adsense, halaman sitemap ini merupakan salah satu dari halaman yang wajib ditambahkan di dalam suatu blog.

Fungsi dari widget halaman sitemap ini merupakan untuk mempermudah pengunjung blog mencari daftar artikel dalam suatu blog. Langsung saja kita mulai langkah-langkah cara membuat halaman sitemap di bawah ini.

Cara Membuat Halaman Sitemap

1. Buka Dashboard Blogger > Laman > Kemudian pilih Laman Baru dan masukkan kode di bawah ini pada tab HTML

<div dir="ltr" style="text-align:left;" trbidi="on">

<style scoped="" type="text/css">

.table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)}

.table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial}

.table-of-content .toc-header:hover{background-color:#fdfdfd}

.table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease}

.table-of-content .toc-header.active{color:#fc4f3f}

.table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}

.table-of-content .loading{display:block;padding:15px;text-decoration:blink}

.table-of-content ol{margin:0;padding:0;list-style:none;transition:initial}

.table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial}

.table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial}

.table-of-content a:visited{color:#a2a2a9;transition:initial}

.table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial}

.post ol li:before{display:none}

</style>

<div class="table-of-content" id="table-of-content">

<span class="loading">Memuat konten...</span></div>

<script>

var toc_config = {

    url: 'http://viennatheme.blogspot.com/',

    containerId: 'table-of-content',

    showNew: 15,

    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',

    sortAlphabetically: {

        thePanel: true,

        theList: true

    },

    maxResults: 9999,

    activePanel: 1,

    slideSpeed: {

        down: 400,

        up: 400

    },

    slideEasing: {

        down: null,

        up: null

    },

    slideCallback: {

        down: function() {},

        up: function() {}

    },

    clickCallback: function() {},

    jsonCallback: '_toc',

    delayLoading: 0

};

</script>

<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-tea.js"></script>

</div>

2. Kemudian Ganti Kode yang berwarna Merah

Ganti kode berwarna merah dengan alamat blog sobat, contoh : http://www.blogwahid.com/

3. Setelah itu Klik Simpan Laman

dan Selesai.

Itulah tahap-tahap cara membuat halaman sitemap atau daftar isi di blog, pastikan sobat mengikutinya dengan jelas dan benar tanpa ada yang kelewatan sedikit pun. Jangan lupa untuk mengedit kode berwarna merah dengan alamat url blog sobat. Terimakasih telah membaca artikel dari wahidtips kali ini yang berjudul Cara Membuat Halaman Sitemap (Daftar Isi) di Blog jika kurang jelas mengenai tahap-tahap diatas, silahkan komen dibawah insyaallah langsung dibalas oleh admin.

Result

Hak Cipta Wahid Tips -

Demikianlah Artikel Cara Membuat Halaman Sitemap (Daftar Isi) di Blog

Sekianlah artikel Cara Membuat Halaman Sitemap (Daftar Isi) di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Halaman Sitemap (Daftar Isi) di Blog dengan alamat link https://tipstopmarketing.blogspot.com/2016/07/cara-membuat-halaman-sitemap-daftar-isi.html

Tweet