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

16 Model Gelang Emas Lagi Trend 2018

Image
Model Gelang Emas Model Gelang Emas Trend 2018 - Gelang emas adalah salah satu model perhiasan emas yang cukup banyak diminati sampai saat ini. Berbagai Jenis gelang emas seperti Model Cincin Tunangan, model kalung emas, model gelang emas keroncong, Model gelang emas putih, model gelang emas rantai, model kalung emas, ini akan menjadi salah satu paling trend di 2018 ini, dan juga salah satu jenis bisnis investasi yang sangat berkembang saat ini adalah model emas , bahkan model emas tersebut menjadi salah satu bentuk investasi paling laris saat ini. Bagi para kaum wanita, aneka macam Model emas masih menjadi salah satu daya tarik di berbagai kalangan toko perhiasan . Hal tersebut juga di sebabkan karena logam mulia emas memiliki kesan sangat berharga dan tampak elegan ketika dipakai oleh kaum wanita, mulai dari orang tua, dewasa, hingga remaja. Baca Juga : Model Cincin Kawin Emas  Dari sekian banyak Toko perhiasan emas, telah menunjukkan berbagai jenis gelang emas yang indah untu...
Read more

Inilah Bisnis Yang Bisa dilakukan Oleh Siapapun dan Dimanapun

Image
Bisnis Paling Mudah XDTPD Blogs | Berbisnis merupakan pekerjaan yang paling mudah untuk dilakukan dan sampai saat ini paling banyak diminati dari pekerjaan lain. Dengan berbisnis kita bisa mempunya penghasilan yang luar biasa ( tergantung dari usaha kita ) dan menakjubkan kalau benar-benar ditekuni. Namun, berbisnis juga paling susah jika kita tidak tau bagaimana dan bisnis apa yang cocok untuk kita lakukan. Dan disini saya akan mencoba berbagi tips kepada kawan-kawan semuanya yang ingin terjun kedalam dunia bisnis dan ingin mempunya penghasilan sendiri dan tidak bergantung pada gaji saja. Karena kalau kalian hanya bergantung pada gaji saja, maka saya rasa kebutuhan kita sehari-hari pasti tidak cukup. #Inilah Bisnis Paling Mudah di Lakukan Oleh Siapapun dan Dimanapun Dibawah ini adalah beberapa bisnis ataupun usaha yang bisa dikerjakan dengan modal kecil bahkan tanpa modal sedikitpun : #1. Membuka Jasa Sesuai dengan Kemapuannya Masing-masing Membuka jasa menurut saya bisnis yang sanga...
Read more

Model Perhiasan Cincin Emas Putih Terbaru

Image
Model Cincin Emas Putih Model Cincin emas putih juga tidak kalah menarik dengan perhiasan model cincin emas kuning. Apalagi saat ini, dengan model cincin emas putih menarik akan menimbulkan daya tarik tersendiri bagi pemakainya, terlebih lagi bagi orang yang mempunyai warna kulit yang terang. Cincin emas putih ini biasanya juga dipakai untuk mas kawin, dan juga sebagai cincin tunangan maupun pernikahan. Sesuai dengan model cincin emas kuning terbaru, cincin emas putih juga memiliki design maupun bentuk yang beragam. Mulai dari cincin emas putih pasangan, cincin emas putih pernikahan, cincin emas putih anak-anak, bahkan cincin meas putih yang memiliki bentuk yang sangat unik. Model Perhiasan Cincin Emas Putih Terbaru Lagi Tren Berikut ini adalah beberapa contoh cincin emas putih terbaru yang lagi hits saat ini dikalangan remaja, dewasa dan sebagai mas kawin. Cincin Emas Putih Cincin Emas Putih Permata Cincin Emas Putih Nikah Cincin Emas Putih Cantik Cincin Emas Putih Anak Muda Cincin Em...
Read more