Cara Membuat Sitemap Terbaru Untuk Blog

Cara Membuat Sitemap Terbaru Berdasarkan Label
Sitemap Terbaru Blogger
XDTPD Blogs | Hallo sahabat blogger, kali ini kita akan membahas sedikit seputar sitemap terbaru untuk blogger. Nah, yang belum tau fungsi sitemap itu apa, kita akan membahasnya terlebih dahulu oke. Sitemap dalam arti kata adalah Peta Situs, yang maksdunya adalah sebuah peta yang terdapat berbagai macam direktori yang terdapat pada sebuah website ataupun blog. Sitemap juga bisa kita sebut sebagai daftar isi dari suatu blog tersebut, yang didalamnya terdapat berbagai macam kategori artikel.

Jadi, sitemap sangat patut untuk dipasangkan disebuah blog ataupun website agar lebih memudahkan para pengunjung dalam mencari artikel yang terdapat disuatu website ataupun diblog kita.

#CARA MEMBUAT SITEMAP TERBARU UNTUK BLOG


Bagi sobat-sobat blogger yang ingin membuat sitemap terbaru untuk blognya bisa langsung mengikuti langkah-langkah yang ada dibawah ini. Namun sebelumnya saya akan memberitahukan kepada sobat semua bahwa, disini kita akan membuat dua sitemap dengan tampilan yang berbeda. Maksudnya adalah, sitemap yang satu berwarna biasa dan sitemap satunya lagi berwarna dark ataupun warna hitam. Baiklah, langsung saja kita masuk kedalam tahap-tahapnya.

1. Cara Memasang Sitemap dengan Warna Standart Putih

  • Pertama silahkan sobat masuk kedashboard blogger seperti biasanya.
  • Kemudian, klik menu Laman dan Pilih Laman Baru untuk membuat sitemapnya.
  • Selanjutnya, Masukkan Judulnya dan bagian Postingannya ubah dari Compose menjadi HTML
  • Masukkan Kode dibawah ini kedalam laman tersebut.

<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://www.xdtpd.net/',
    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>
  • Kemudian silahkan ganti url http://www.xdtpd.net/ dengan url blog sobat.
  • Simpan dan Lihat hasilnya.
Nah, langkah kedua adalah membuat sitemap dengan design warna hitam ataupun dark. Tutorialnya juga sama seperti langkah-langkah diatas, namun kodenya saja yang berbeda.

2. Cara Membuat Sitemap Dengan Design Dark Night ataupun Warna Hitam.

Silahkan sobat masukkan kode dibawah ini pada kolom HTML laman blog sobat seperti yang ada diatas tadi.

<div dir="ltr" style="text-align:left;" trbidi="on">
<style scoped="" type="text/css">
.table-of-content{background-color:#222;color:#ddd;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,.1)}
.table-of-content .toc-header{color:#fff;font-family:inherit;font-weight:400;font-size:14px;background-color:#333;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-top:1px solid #444;border-bottom:1px solid #222;transition:initial}
.table-of-content .toc-header:hover{background-color:#3a3a3a}
.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{background:#3a3a3a;color:#fff}
.table-of-content .toc-header.active:before{border-color:#fff 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:#222!important;transition:initial}
.table-of-content a{color:#aaa;text-decoration:none;font-size:86%;transition:initial}
.table-of-content a:visited{color:#666;transition:initial}
.table-of-content a:hover,.table-of-content a:visited:hover{color:#fff;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://www.xdtpd.net/',
    containerId: 'table-of-content',
    showNew: 15,
    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#009fef;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>

Silahkan ganti url http://www.xdtpd.net/ dengan url blog sobat dan Simpan

Itulah langkah-langkah untuk membuat sitemap terbaru diblog semoga bisa bermanfaat bagi semua sahabat blogger. Dan jangan lupa untuk terus berkunjung diblog ini, karena disini saya akan mengupdate berbagai artikel menarik lainnya.

Comments

Post a Comment

Popular posts from this blog

30 Model Perhiasan Emas Paling Baru Yang Lagi Trends

Image
Saat ini, Peminat Perhiasan Emas semakin hari semakin meningkat. Apalagi model perhiasan emas selain bisa dijadikan sebagai hiasan perhiasan emas juga bisa dijadikan suatu investasi paling aman yang semakin hari harga jual emas tersebut semakin meningkat. Secara umum, peminat perhiasan emas paling banyak adalah para wanita dewasa dan kaum ibu-ibu. Model perhiasan emas yang mereka suka juga sangat beragam, ada yang menyukain model gelang emas, model cincin tunang, model kalung emas, liontin emas, bahkan sampai berlian dengan butiran permata. Nah, jika anda adalah salah satu dari sekian banyak peminat perhiasan emas, maka dibawah ini saya telah menyediakan beberapa contoh perhiasan emas yang paling baru dan model emas yang lagi trend di tahun ini. Model Perhiasan Emas Terbaru Tahun Ini Berbicara perhiasan emas, pastinya ada berbagai bentuk perhiasan emas tersebut. Namun, dibawah ini beberapa perhiasan emas yang sangat umun dicari dengan design sangat bagus ataupun bisa kita sebut sebaga...
Read more

3 Model Gelang Emas Yang Lagi Hits Saat Ini

Image
Gelang Emas Model Gelang Emas Terbaru - Saat ini memang sudah menjadi salah satu kebutuhan pokok bagi para wanita yang mencari jenis gelang emas yang lagi trends. Sampai saat ini jenis gelang emas terbaru masih menjadi salah satu target pasar bagi para wanita, baik itu dari kalangan anak-anak, remaja, maupun orang dewasa. Model gelang emas tersebut masih menjadi primadona dan daya tarik tersendiri bagi para wanita yang memakai nya dari berbagai industri perhiasanan seperti toko emas. Hal ini disebabkan karena emas memiliki kesan yang berharga dan berkesan anggun bagi para pemakainya. Selain memiliki kesan yang berharga, dengan memakai perhiasan emas kaum wanita akan lebih terlihat cantik dan menawan serta juga bisa menarik perhatian para lelaki dan juga pastinya akan kelihatan elegan. Namun, model gelang emas tersebut juga bervariasi, mulai dari gelang emas keroncong, gelang emas rantai terbaru, serta gelang emas 24 karat yang sampai saat ini masih menjadi model gelang emas terbaru da...
Read more

240 Model Gelang Emas Terbaru Yang Paling Populer

Image
Model Gelang Emas Terbaru Yang Paling Populer – Gelang emas sudah menjadi salah satu aksesoris yang dapat menambah kecantikan penampilan seseorang. Selain sebagai aksesoris, gelang emas juga bisa menjadi sebuah investasi jangka panjang dimana harganya yang selalu mengalami kenaikan. Ada berbagai model gelang emas terbaru saat ini. Model gelang emas juga selalu mengikuti trend dan gaya masa ini. Mulai dari gelang emas keroncong, gelang emas murni, gelang emas putih, gelang emas 24 karat dan lainnya. Gelang emas biasanya akan di percantik dengan menambahkan mutiara maupun berlian yang akan menambah kesan mewah pada gelang tersebut. Gelang emas juga terbagi menjadi beberapa tipe, ada yang gelang emas rantai atau solid, ada juga gelang emas kuning maupun emas putih. Nah, semakin beragam jenis gelang emas, maka tentu saja dapat memenuhi model emas trend masa kini dan selera pada kaum wanita. Gelang emas wanita biasanya didesain sesuai usia, ada gelang emas untuk wanita dewasa maupun gelang...
Read more