28 Oktober 2016

Membuat Sitemap/Daftar Isi Blog Keren Dijamin Work

Pada umumnya cara membuat sitemap atau daftar isi untuk blog yang ada di google tidak berfungsi dengan baik dikarenakan url javascript yang digunakan oleh sitemap tersebut tidak aktif, sehingga mengakibatkan daftar isi blog menjadi kosong. Sebenarnya sebuah blog tanpa daftar isi pun tidak masalah dikarenakan kecenderungan para visitor tidak berkunjung ke daftar isi sebuah situs/blog, mereka lebih suka langsung membaca artikel yang telah dishare disosial media ataupun mencari langsung di search engine baik menggunakan google, bing dan lain-lain tanpa melihat daftar isi sebuah blog dan rata-rata pengunjung tidak perduli terhadap sitemap, termasuk saya, yang tidak perduli dengan daftar isi/sitemap.

Membuat Sitemap/Daftar Isi Blog Keren 2016 Dijamin Work


Tetapi, untuk para blogger yang ingin mendaftar google adsense ini menjadi kendala, dikarenakan situs/blog di wajibkan memiliki sitemap agar memudahkan navigasi para visitor yang berkunjung di blog tersebut.

Sitemap yang saya gunakan diambil dari arlina, bukan artikel cara membuat sitemap yang ada disitus arlina, tetapi sitemap situs tersebut yang langsung saya gunakan. 

Ok langsung saja kita pasang sitemap/daftar isinya diblog.

Pertama : Login ke dashboard blog

Kedua : Buat laman baru dengan judul sitemap/daftar isi, tergantung selera


Ketiga : Copy source code dibawah ini, paste di tab html dan ganti url dengan blog kamu

<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 0 1px #eee;}
.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 #eee;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:#2980b9}
.table-of-content .toc-header.active:before{border-color:#2980b9 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:#fcfcfc!important;transition:initial;border-bottom:1px solid #e9e9e9;border-top:1px solid #fff;}
.table-of-content li:first-child(border-top:0}
.table-of-content li:last-child(border-bottom:0}
.post ol li a,.post ol li a:link{color:#444!important;text-decoration:none;font-size:86%;transition:initial}
.post ol li a:visited{color:#999;transition:initial}
.post ol li a:link:hover,.post ol li a:visited:hover{color:#c0392b;text-decoration:underline;transition:initial}
.post ol li:before{display:none}
ol {text-shadow:initial;}
.post a:link {color:#444!important;}
</style><br />
<div class="table-of-content" id="table-of-content"><span class="loading">Memuat konten...</span></div><script>
var toc_config = {
    url: 'Nama Blog Kamu',
    containerId: 'table-of-content',
    showNew: 5,
    newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#fc7569;padding:1px 6px 2px 6px;line-height:normal;float:right;border-radius:3px;text-transform:uppercase;">baru</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 0,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script><br />
<script src="https://cdn.rawgit.com/ZetMag/javascript/gh-pages/daftar_isi.js"></script><br />
</div>

Keempat : Simpan dan lihat hasilnya

Membuat Sitemap/Daftar Isi Blog Keren 2016 Dijamin Work



2 komentar

gan mau nanya nih, bagaimana cara memasukan artikel ke dalam label tips?
yang dibawah menu post... Mohon di balas gan

maksudnya gimana ya gan?
kalau postingan artikel yang ingin dimasukkan ke label tips kan tinggal ditambahin di label yang kita buat disetelan postingan baru yang ada disebelah kanan. Tinggal tambahin sesuai dengan artikel tersebut masuk dalam kategori/label apa.


EmoticonEmoticon